/* Team Medal design tokens.
   Source of truth: docs/prototypes/*.html — keep these in sync.
   Light palette on :root; dark redefined for both theme states. */

:root {
  --ground:     #F5F7FA;
  --surface:    #FFFFFF;
  --surface-2:  #EDF1F7;
  --line:       #DCE3EC;
  --line-soft:  #E8EDF4;
  --ink:        #0F141B;
  --ink-dim:    #58616E;
  --ink-faint:  #8792A1;

  --accent:      #2A5BD7;
  --accent-dim:  #B7CAF3;
  --accent-tint: #EFF4FE;

  --ok:   #1F7A5C;  --ok-tint:   #E8F4EF;  --ok-line:   #AFD7C6;
  --warn: #8A6414;  --warn-tint: #FBF3E3;  --warn-line: #E6D2A3;
  --bad:  #A33328;  --bad-tint:  #FCEFED;  --bad-line:  #EBC4BE;

  --shadow: rgba(15, 20, 27, .10);
  --scrim: rgba(8, 11, 16, .55);
  --tabbar: #FFFFFF;
  --bubble: #EFF4FE;
  --side: #FFFFFF;
  --grid: #E4EAF2;
  --ph1: #EDF1F7;
  --ph2: #E3EAF3;
  --band: #EDF1F7;
  --band-ink: #0F141B;
  --inverse: #FFFFFF;

  --fa: 'Vazirmatn', 'Segoe UI', system-ui, sans-serif;
  --lat: 'Archivo', 'Vazirmatn', system-ui, sans-serif;

  --r-sm: 6px;
  --r-md: 11px;
  --pad: 18px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground:    #0A0D12;
    --surface:   #121620;
    --surface-2: #181D28;
    --line:      #252C39;
    --line-soft: #1E242F;
    --ink:       #E8EDF5;
    --ink-dim:   #98A3B3;
    --ink-faint: #6A7585;

    --accent:      #7FA6F5;
    --accent-dim:  #2E4676;
    --accent-tint: #121A2A;

    --ok:   #63B08C;  --ok-tint:   #10201A;  --ok-line:   #26503E;
    --warn: #D6A44C;  --warn-tint: #211A0F;  --warn-line: #5A4522;
    --bad:  #D97B6C;  --bad-tint:  #241412;  --bad-line:  #5C2E27;

    --shadow: rgba(0, 0, 0, .65);
    --scrim: rgba(8, 11, 16, .55);
    --tabbar: #0C1016;
    --bubble: #17243C;
    --side: #0D1117;
    --grid: #202734;
    --ph1: #181D28;
    --ph2: #1F2532;
    --band: #121620;
    --band-ink: #E8EDF5;
    --inverse: #0A0D12;
  }
}

:root[data-theme="dark"] {
  --ground:    #0A0D12;
  --surface:   #121620;
  --surface-2: #181D28;
  --line:      #252C39;
  --line-soft: #1E242F;
  --ink:       #E8EDF5;
  --ink-dim:   #98A3B3;
  --ink-faint: #6A7585;

  --accent:      #7FA6F5;
  --accent-dim:  #2E4676;
  --accent-tint: #121A2A;

  --ok:   #63B08C;  --ok-tint:   #10201A;  --ok-line:   #26503E;
  --warn: #D6A44C;  --warn-tint: #211A0F;  --warn-line: #5A4522;
  --bad:  #D97B6C;  --bad-tint:  #241412;  --bad-line:  #5C2E27;

  --shadow: rgba(0, 0, 0, .65);
  --scrim: rgba(8, 11, 16, .55);
  --tabbar: #0C1016;
  --bubble: #17243C;
  --side: #0D1117;
  --grid: #202734;
  --ph1: #181D28;
  --ph2: #1F2532;
  --band: #121620;
  --band-ink: #E8EDF5;
  --inverse: #0A0D12;
}