/* BieberLAN dark color palette.
   Single source of truth for the theme colors — load this before any
   stylesheet that uses the variables (style.css, view.css, ...). */

:root {
	--bg-deep:   #0d0e11;
	--surface:   #181a1f;   /* main panels: content + sidebar          */
	--surface-2: #20232a;   /* inputs, cards, alt table rows           */
	--surface-3: #2a2e36;   /* hover, table headers, subtle headlines  */
	--border:    #31353d;   /* hairlines                               */
	--border-2:  #3c414a;
	--text:      #c4c9d2;   /* body copy                               */
	--text-dim:  #8a909b;   /* secondary / meta                        */
	--heading:   #f1f3f6;   /* headings on dark                        */
	--accent:    #e26729;
	--accent-rgb: 226, 103, 41; /* --accent as channels, for rgba() tints */
	--accent-lt: #f0883f;
	--accent-dk: #c8531a;   /* darker accent gradient stop (progress bar) */
	/* Shared fill for accent buttons / CTAs / nav hovers / badges. Darkened
	   so white --on-accent text keeps enough contrast (see --on-accent). */
	--accent-gradient: linear-gradient(135deg, var(--accent-dk) 0%, var(--accent) 100%);
	/* status colors (tournaments, matches, live indicators) */
	--win:       #48e229;
	--loss:      #f06565;
	--live:      #29a4e2;
	--gold:      #ffd700;
	/* seating plan states without a generic equivalent (see css/seating.css) */
	--seat-clan:    #9d7bd8;
	--seat-present: #a23636;
	--seat-gone:    #3e7d46;
	/* user radar map water colors (lan/showMap.tpl) */
	--map-water: #1d3d52;
	--map-river: #3d7fa5;
	/* Surface gradients & their solid fallbacks — the "depth" layers that
	   make up the page chrome (body, header, headlines, panels, footer).
	   Reskinning to a light/flat theme is done by changing these (plus the
	   --surface-* vars above) here, without touching style.css. */
	--bg-gradient:       linear-gradient(180deg, #15171c 0%, #0c0d10 100%);
	--header-bg:         #1a1c21;
	--header-gradient:   linear-gradient(180deg, #25272d 0%, #16181c 100%);
	--headline-gradient: linear-gradient(90deg, #262a31 0%, #1c1f25 100%);
	--panel:             #1c1f25;   /* registration / promo call-to-action box */
	--panel-gradient:    linear-gradient(160deg, #23262e 0%, #16181d 100%);
	--footer-bg:         #16181c;
	--footer-gradient:   linear-gradient(180deg, #1c1e23 0%, #121317 100%);
	--featured-bg:       #23262d;   /* featured-news headline strip            */
	--cancelled-bg:      #222;      /* cancelled-event banner                  */
	--error-text:        #ff6b6b;   /* login / form error message              */
	--error-bg:          #2a1416;
	--toggle-track:      #14161a;   /* sunken controls (login switch, readonly inputs) */
	--toggle-knob:       #4a4e56;
	--disabled:          #3a3d44;   /* deactivated buttons                     */
	/* Fixed-contrast ink: text/icons sitting on colored fills or on the
	   dark chrome itself. Separate vars so a reskin can adjust them
	   independently of the body text colors above. */
	--on-accent:      #fff;     /* text/icons on accent & status fills     */
	--on-accent-dark: #2a1b0e;  /* dark text on accent fills               */
	--bright:         #fff;     /* bright text/fills on dark chrome (nav,
	                               headline links, white POS controls)     */
	/* feedback & notice colors */
	--alert:          #f00;     /* errors, unread counter, delete icons    */
	--ok:             #88ba1c;  /* success notice icon                     */
	--warn:           #e74b65;  /* warning notice icon                     */
	--info:           dodgerblue;
	--notice-bg:      #2e2a12;  /* highlight / archive notice boxes        */
	--notice-border:  #d8c54e;
	--notice-text:    #f3e9b0;
	--allergen-bg:    #2c1a10;  /* allergen box (border uses --accent)     */
	--allergen-text:  #f0b48d;
	--hint:           #fae55f;  /* attention yellow (pulse button, seats)  */
	--on-hint:        #000;
	--cancelled-fg:   #cd5c5c;  /* cancelled-event banner border/text      */
	--delayed:        #e22948;  /* delayed-match pulse (tournament tree)   */
	--win-tint:       #2c3a2e;  /* green-tinted bracket surfaces           */
	--loss-tint:      #3c2a2e;  /* red-tinted bracket surfaces             */
	--amber:          #ffc125;  /* inline-icon.gold                        */
	/* controls */
	--muted:          #818181;  /* gray icon links, muted POS text         */
	--disabled-lt:    #858585;  /* disabled form-style buttons             */
	--checkbox-bg:    #eee;     /* custom checkbox (.checkbox_normal)      */
	--checkbox-border:#ddd;
	--checkbox-mark:  #333;
	--overlay:        rgba(34, 37, 43, 0.9);  /* back-to-top button        */
	--overlay-hover:  rgba(58, 62, 70, 0.95);
	/* Render native widgets (checkboxes, radios, dropdown lists,
	   scrollbars, date pickers) in their dark variants. */
	color-scheme: dark;
}