/* ============================================================
   ATX Global / Supported Living Investments — COLOR TOKENS
   ------------------------------------------------------------
   Brand accent: chartreuse "sunburst" lime, sampled from the
   radiant logo mark. Neutrals are a cool near-black charcoal
   (the logo lockup background) through to white.
   Use SEMANTIC aliases in product code; the raw scales exist
   so the aliases have somewhere to point.
   ============================================================ */

:root {
  /* ---- Brand: sunburst lime ---- */
  --lime-50:  #f4f8e3;
  --lime-100: #e7f0c2;
  --lime-200: #d4e58c;
  --lime-300: #c2db5d;
  --lime-400: #b0cf33;
  --lime-500: #a4c61a;  /* primary brand accent */
  --lime-600: #8aaa12;
  --lime-700: #6c850e;
  --lime-800: #51640d;
  --lime-900: #3c4a0d;

  /* ---- Ink: cool charcoal (logo lockup ground) ---- */
  --ink-950: #0c0f12;
  --ink-900: #111418;  /* primary dark surface */
  --ink-800: #1a1f25;
  --ink-700: #272d35;
  --ink-600: #353c46;

  /* ---- Neutral: slate-grey ramp ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f7f8f6;
  --neutral-100: #eef0ec;
  --neutral-200: #e0e3dd;
  --neutral-300: #c9cdc4;
  --neutral-400: #a4aa9d;
  --neutral-500: #7c8276;
  --neutral-600: #595e54;
  --neutral-700: #41463d;
  --neutral-800: #2b2f28;
  --neutral-900: #1a1d18;

  /* ---- Support: status hues (kept clearly distinct from brand lime) ---- */
  --forest-500: #2f7a52;  /* "Completed" / positive */
  --forest-50:  #e6f1eb;
  --amber-500:  #c98a12;  /* "Developing" / in-progress */
  --amber-50:   #f9f0db;
  --clay-500:   #b4493a;  /* "Sold out" / closed / danger */
  --clay-600:   #9c3f32;  /* darker step: clay-500 on clay-50 is 4.46:1, under AA */
  --clay-50:    #f7e8e5;
  --sky-500:    #2f6f9e;  /* informational */
  --sky-50:     #e6eef4;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in product code
     ============================================================ */

  /* Text */
  --text-primary:   var(--ink-900);
  --text-secondary: var(--neutral-600);
  /* muted/accent stepped one down the ramp so body text clears WCAG AA 4.5:1
     on white and on --surface-subtle. neutral-500 measured 3.95/3.71 and
     lime-700 measured 4.20/3.94, which failed on compliance copy and links. */
  --text-muted:     var(--neutral-600);
  --text-inverse:   var(--neutral-0);
  --text-accent:    var(--lime-800);
  --text-on-accent: var(--ink-900);

  /* Surfaces */
  --surface-page:    var(--neutral-0);
  --surface-subtle:  var(--neutral-50);
  --surface-sunken:  var(--neutral-100);
  --surface-card:    var(--neutral-0);
  --surface-dark:    var(--ink-900);
  --surface-darker:  var(--ink-950);

  /* Borders */
  --border-subtle:   var(--neutral-200);
  --border-default:  var(--neutral-300);
  --border-strong:   var(--neutral-400);
  --border-inverse:  rgba(255,255,255,0.14);

  /* Accent (brand) */
  --accent:          var(--lime-500);
  --accent-hover:    var(--lime-600);
  --accent-active:   var(--lime-700);
  --accent-soft:     var(--lime-100);
  --accent-contrast: var(--ink-900);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(164, 198, 26, 0.45);

  /* Status */
  --status-completed-fg: var(--forest-500);
  --status-completed-bg: var(--forest-50);
  --status-developed-fg: var(--lime-800);
  --status-developed-bg: var(--lime-100);
  --status-progress-fg:  var(--amber-500);
  --status-progress-bg:  var(--amber-50);
  --status-closed-fg:    var(--clay-600);
  --status-closed-bg:    var(--clay-50);
  --status-info-fg:      var(--sky-500);
  --status-info-bg:      var(--sky-50);
}