/* ============================================================
   AGENT SPORT — paleta design systemu (kolory) dla landingu.
   LUSTRO: branding/brand-guide.css + frontend/src/styles/tokens.css.
   Landing to osobny statyczny deploy (nginx), więc trzyma własną kopię
   tokenów kolorów — przy zmianie palety zaktualizuj OBA miejsca.
   :root = ciemny, html[data-theme="light"] = jasny.
   ============================================================ */

:root {
  color-scheme: dark;

  --as-secondary:        #1B6B47;
  --as-secondary-light:  #2E9E6B;
  --as-secondary-dark:   #0F4A30;

  --as-surface-2:         #1B261F;
  --as-surface-3:   #24332B;
  --as-surface:    #141C17;

  --as-primary:         #3ECF8E;
  --as-primary-light:   #63DBA4;
  --as-primary-dark:    #2BA876;

  --as-text:        #EAF1EC;
  --as-text-emphasis:     #D4DED7;
  --as-text-secondary:     #B9C6BD;
  --as-text-tertiary:     #94A49B;
  --as-text-muted:     #94A49B;
  --as-text-subtle:     #6E7E74;
  --as-bg:         #0F1512;
  --as-bg-deep:        #0A0F0C;

  --as-text-rgb:      255, 255, 255;
  --as-primary-rgb:   62, 207, 142;
  --as-accent-fg:    var(--as-bg);
}

html[data-theme="light"] {
  color-scheme: light;

  --as-secondary:        #0E6B43;
  --as-secondary-light:  #13885A;
  --as-secondary-dark:   #0A4F31;

  --as-surface-2:         #FFFFFF;
  --as-surface-3:   #F2F6F3;
  --as-surface:    #FFFFFF;

  --as-primary:         #0E8A5C;
  --as-primary-light:   #13A06C;
  --as-primary-dark:    #0B6E49;

  --as-text:        #182019;
  --as-text-emphasis:     #28332C;
  --as-text-secondary:     #3A4740;
  --as-text-tertiary:     #56655C;
  --as-text-muted:     #56655C;
  --as-text-subtle:     #7E8C82;
  --as-bg:         #F2F6F3;
  --as-bg-deep:        #FFFFFF;

  --as-text-rgb:      24, 32, 25;
  --as-primary-rgb:   14, 138, 92;
}