/* 3 Tier Consulting — Color Tokens
   Base values sampled directly from the brand mark (assets/logos/3tier-logo.png):
   forest green #004B32, lightning-bolt gold #FF9D23. Neutrals and semantic
   status colors are new additions (documented in readme.md) to support a
   full consulting-site + light dashboard UI. */

:root {
  /* Brand — Green (primary) */
  --green-900: #062A20;
  --green-800: #073A2B;
  --green-700: #004B32; /* brand primary — sampled from logo wordmark */
  --green-600: #0A6647;
  --green-500: #147E59;
  --green-100: #E3F0E9;
  --green-50:  #F2F8F5;

  /* Brand — Gold (accent, from the lightning bolt) */
  --gold-700: #C97600;
  --gold-600: #E88A00;
  --gold-500: #FF9D23; /* brand accent — sampled from logo bolt */
  --gold-400: #FFB752;
  --gold-100: #FFEEDA;
  --gold-50:  #FFF7EC;

  /* Neutrals — warm-neutral ink ladder (paired with a warm-white page, not stark) */
  --ink-950: #10161A;
  --ink-900: #1A2226;
  --ink-700: #38434A;
  --ink-600: #56636A;
  --ink-500: #74818A;
  --ink-300: #A9B2B8;
  --ink-200: #CBD2D6;
  --ink-100: #E2E7E9;
  --ink-50:  #F3F5F6;
  --white:   #FFFFFF;

  /* Semantic status (used sparingly — dashboard/tracker surfaces, not marketing chrome) */
  --success: #147E59;   /* = green-500 */
  --success-bg: #E3F0E9;
  --warning: #E88A00;   /* = gold-600 */
  --warning-bg: #FFF1DC;
  --danger: #C4432E;
  --danger-bg: #FBE9E5;
  --info: #2C6CA8;
  --info-bg: #E7F0F8;

  /* Semantic aliases — use these in components, not the raw ladder */
  --brand-primary: var(--green-700);
  --brand-primary-hover: var(--green-600);
  --brand-primary-active: var(--green-800);
  --brand-accent: var(--gold-500);
  --brand-accent-hover: var(--gold-600);
  --brand-accent-active: var(--gold-700);

  --surface-page: #FFFFFF;
  --surface-soft: var(--ink-50);
  --surface-card: #FFFFFF;
  --surface-sunken: var(--ink-100);
  --surface-dark: var(--green-900);
  --surface-dark-elevated: var(--green-800);
  --surface-accent-tint: var(--gold-50);
  --surface-brand-tint: var(--green-50);

  --text-primary: var(--ink-950);
  --text-secondary: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-disabled: var(--ink-300);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #A9C6B9;
  --text-on-brand: #FFFFFF;
  --text-link: var(--green-700);

  --border-default: var(--ink-100);
  --border-strong: var(--ink-200);
  --border-focus: var(--green-700);
  --border-on-dark: rgba(255,255,255,0.16);
}