/* ==========================================================================
   Sunline Dark theme — token overrides only.
   Load AFTER tokens.css and BEFORE design-system.css consumers.
   Matte black canvas + neon green accent. Every component class in
   design-system.css re-skins automatically through these variables.
   Rule carried over from Sprig: dark text on the neon accent — never white.
   ========================================================================== */

:root {
  /* ---- Color · brand (toned neon lime) ------------------------------------ */
  --color-brand-primary:       #84CC16;
  --color-brand-primary-hover: #98E32B;
  --color-brand-primary-tint:  #22340B;

  /* ---- Color · ink (light text on dark) --------------------------------- */
  --color-ink-900: #EDF2E9;
  --color-ink-700: #C6CEC2;
  --color-ink-500: #93A08F;
  --color-ink-300: #6C7A6C;

  /* ---- Color · accents (status only, dark tints) ------------------------ */
  --color-accent-green:       #4ADE80;
  --color-accent-green-tint:  #14301D;
  --color-accent-teal:        #2DD4BF;
  --color-accent-teal-tint:   #0F2E2A;
  --color-accent-purple:      #A78BFA;
  --color-accent-purple-tint: #261D3D;
  --color-accent-orange:      #FB923C;
  --color-accent-orange-tint: #33210F;
  --color-accent-red:         #F87171;
  --color-accent-red-tint:    #361514;

  /* ---- Backgrounds ------------------------------------------------------ */
  --background-default: #0E1211;  /* matte black canvas   */
  --background-surface: #161B18;  /* cards / panels       */
  --background-subtle:  #1A201C;
  --background-muted:   #121714;
  --background-accent:  #84CC16;
  --background-inverse: #1C2617;  /* deep green-black panel */

  /* ---- Borders ---------------------------------------------------------- */
  --border-default: #262E29;
  --border-subtle:  #1C231F;
  --border-strong:  #45524A;
  --border-focus:   #84CC16;

  /* ---- Shadows (deeper on dark) ----------------------------------------- */
  --shadow-small:  0 1px 2px rgba(0, 0, 0, .35);
  --shadow-card:   0 10px 30px rgba(0, 0, 0, .40);
  --shadow-medium: 0 6px 16px rgba(0, 0, 0, .45);
  --shadow-large:  0 12px 32px rgba(0, 0, 0, .50);
  --shadow-xlarge: 0 22px 50px rgba(0, 0, 0, .60);

  /* ---- Component tokens · button ---------------------------------------- */
  --button-primary-text:  #0E1211;      /* dark on neon — never white */
  --button-disabled-bg:   var(--background-muted);
  --button-disabled-text: #45524A;
}