/* 
  Global Theme Colors for Overlays 
  These variables are controlled dynamically by dock.html
*/

/* ── Local Agency B Font ── */
@font-face {
    font-family: 'Agency FB';
    src: url('font/AGENCYB.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Apply globally as default font */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    font-family: 'Agency FB', 'Barlow Condensed', sans-serif;
}

:root {
    /* ── Text Colors ── */
    --color-text-h1: #ffffff;
    --color-text-h2: #ffffff;
    --color-text-h3: #ffffff;
    --color-text-body: #ffffff;
    --color-text-paragraph: #ffffff;
    --color-text-caption: #a0a0a0;
    --color-text-label: #ffffff;
    --color-text-button: #000000;
    --color-text-navigation: #ffffff;
    --color-text-card-title: #000000;
    --color-text-card-desc: #000000;
    --color-text-table-header: #000000;
    --color-text-table-content: #ffffff;
    --color-text-footer: #ffffff;
    --color-text-link: #00f0a8;
    --color-text-link-hover: #ffffff;
    --color-text-error: #ff3333;
    --color-text-success: #33ff33;
    --color-text-warning: #ffcc00;
    --color-text-info: #33ccff;

    /* ── UI Element Colors ── */
    --color-ui-primary: #9100ff;
    --color-ui-secondary: #6c00f8;
    --color-ui-accent: #00f0a8;
    --color-ui-background: #0d1b2a;
    --color-ui-surface: #1a1a2e;
    --color-ui-card: #fbe048;
    --color-ui-panel: #9100ff;
    --color-ui-border: #6c00f8;
    --color-ui-icon: #ffffff;
    --color-ui-button: #00f0a8;
    --color-ui-button-hover: #00e098;
    --color-ui-button-active: #00d088;
    --color-ui-input: #1a1a2e;
    --color-ui-input-border: #6c00f8;
    --color-ui-placeholder: #a0a0a0;
    --color-ui-navbar: #9100ff;
    --color-ui-sidebar: #0d1b2a;
    --color-ui-footer: #1a1a2e;
    --color-ui-divider: #fae2a2;
    --color-ui-badge: #ff3333;
    --color-ui-chip: #6c00f8;
    --color-ui-tag: #fbe048;
    --color-ui-progress: #00f0a8;
    --color-ui-chart: #fbe048;
    --color-ui-table: #0d1b2a;
    --color-ui-modal: #1a1a2e;
    --color-ui-tooltip: #000000;

    /* ── Overlay-specific semantic tokens ── */
    /* Stat value box (large number panel in comparison / fragger widgets) */
    --color-stat-box-bg:       #1e051e;
    --color-stat-box-text:     #ffffff;
    /* Stat label bar (white strip below number) */
    --color-stat-label-bg:     #ffffff;
    --color-stat-label-text:   #000000;
    /* Stat grid label (small label text inside card stats) */
    --color-stat-grid-label:   #cccccc;
    /* Utility / throwable icon bar */
    --color-utility-bar-bg:    #ffe100;
    --color-utility-bar-text:  #000000;
    /* Player clan tag strip */
    --color-player-tag-bg:     #ffffff;
    --color-player-tag-text:   #000000;
    /* Team / player footer block on sidebar */
    --color-team-block-bg:     #9100ff;
    --color-team-block-text:   #000000;
    /* Name bar text on cards */
    --color-name-bar-text:     #ffffff;
    /* Badge bar (Matches/KD row on overall_fragger) */
    --color-badge-bar-bg:      #ffe100;
    --color-badge-bar-text:    #000000;
    /* Winner highlight for stat boxes */
    --color-stat-winner-bg:    #9100ff;
}