/* Stealth Manager — colour system.
   Values transcribed verbatim from the "Color Palette" page of Brandguide 2025.
   Proportion guidance lives in readme.md (VISUAL FOUNDATIONS). */
:root {
  /* Main palette */
  --sm-black: #070707;
  --sm-main-green: #42B721;
  --sm-main-neon-green: #05F228;
  --sm-light-gray: #D9D9D9;
  --sm-white: #FCFCFC;

  /* Complementary palette */
  --sm-dark-green: #014017;
  --sm-dark-gray: #4A4A49;
  --sm-neon-green-01: #91FB0F;
  --sm-neon-green-02: #05F26C;

  /* Extended neutrals observed in the guide's own layouts */
  --sm-pure-black: #000000;
  --sm-pure-white: #FFFFFF;
  --sm-ink-soft: #101010;
  --sm-olive-green: #3A5E39;
  --sm-gray-700: #696969;
  --sm-gray-600: #6D6E71;
  --sm-gray-500: #929292;
  --sm-gray-300: #CACACA;
  --sm-gray-200: #F2F2F2;

  /* Semantic aliases — surfaces */
  --surface-page: var(--sm-white);
  --surface-panel: var(--sm-light-gray);
  --surface-inverse: var(--sm-black);
  --surface-accent: var(--sm-main-green);
  --surface-accent-loud: var(--sm-main-neon-green);
  --surface-deep-green: var(--sm-dark-green);

  /* Semantic aliases — text */
  --text-primary: var(--sm-black);
  --text-secondary: var(--sm-dark-gray);
  --text-muted: var(--sm-gray-600);
  --text-on-inverse: var(--sm-white);
  --text-accent: var(--sm-main-green);

  /* Semantic aliases — lines */
  --line-hairline: var(--sm-black);
  --line-subtle: var(--sm-light-gray);
  --line-on-inverse: var(--sm-white);

  /* Links */
  --link-color: var(--sm-black);
  --link-color-hover: var(--sm-main-green);

  /* Account status pills (Status component) */
  --status-active: #52C400;
  --status-churn: #C40000;
  --status-one-time: #0036BD;
  --status-onboard: #9747FF;

  /* Client tier pills (Tier component) */
  --tier-bronze-bg: #F2AA80;
  --tier-bronze-fg: #762E1F;
  --tier-silver-bg: #D9D9D9;
  --tier-silver-fg: #3F3F40;
  --tier-gold-bg: #F2C744;
  --tier-gold-fg: #733B0A;
  --tier-diamond-bg: #91BBF2;
  --tier-diamond-fg: #15336D;
}
a { color: var(--link-color); text-decoration: none; }
a:hover { color: var(--link-color-hover); }