/* ===========================================================================
   EXHIBIT LAWNS — COLOR TOKENS
   Premium-professional palette anchored on deep forest green (per brief).
   Bright lime + magenta from the logo are preserved as BRAND legacy colors
   only — they are not used as primary UI colors (see readme "Visual Foundations").
   =========================================================================== */
:root {
  /* --- Forest green scale (primary brand hue) --- */
  --green-950: #0F2A19;
  --green-900: #14331F;
  --green-800: #1B4D2E; /* PRIMARY — deep forest green (brief) */
  --green-700: #235F39;
  --green-600: #2D7A4F; /* SECONDARY — mid green (brief) */
  --green-500: #3C9466;
  --green-400: #62B189;
  --green-300: #93CCAE;
  --green-200: #C3E2D0;
  --green-100: #E4F1EA;
  --green-50:  #F1F8F4;

  /* --- Amber scale (premium CTA accent) --- */
  --amber-800: #7E4E06;
  --amber-700: #9C6207;
  --amber-600: #C87F0A; /* ACCENT — warm gold / deep amber (brief) */
  --amber-500: #E0941C;
  --amber-400: #EDAE4A;
  --amber-300: #F4C77E;
  --amber-100: #FBEFD6;

  /* --- Warm neutral / ink scale --- */
  --ink-900: #16211B; /* headings, near-black with a green warmth */
  --ink-800: #22302A;
  --ink-700: #2E3D36; /* default body text */
  --ink-600: #44524B;
  --ink-500: #5C6A62; /* muted / secondary text */
  --ink-400: #85938B;
  --ink-300: #AAB4AE;
  --ink-200: #D3DAD5;
  --ink-100: #E6EBE7;
  --grey-100: #F4F6F4; /* light section background (brief #F5F5F5) */
  --grey-50:  #FAFBFA;
  --white:    #FFFFFF;

  /* --- Logo / brand legacy colors (assets only, not UI surfaces) --- */
  --brand-lime:    #8DC23A;
  --brand-magenta: #92278F;
  --brand-black:   #0A0A0A;

  /* --- Status (kept on-brand; greens reused for "safe/success") --- */
  --status-success: #2D7A4F;
  --status-warning: #C87F0A;
  --status-error:   #B23A2E;
  --status-info:    #235F39;

  /* =======================================================================
     SEMANTIC ALIASES — reference these in components, not raw scale values
     ======================================================================= */
  --color-primary:        var(--green-800);
  --color-primary-hover:  var(--green-900);
  --color-primary-active:  var(--green-950);
  --color-secondary:      var(--green-600);
  --color-secondary-hover: var(--green-700);
  --color-accent:         var(--amber-600);
  --color-accent-hover:   var(--amber-700);
  --color-accent-active:   var(--amber-800);

  /* Text */
  --text-heading:   var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-on-dark:        rgba(255, 255, 255, 0.92);
  --text-on-dark-muted:  rgba(255, 255, 255, 0.68);
  --text-link:      var(--green-600);
  --text-accent:    var(--amber-700);

  /* Surfaces */
  --surface-page:      var(--white);
  --surface-muted:     var(--grey-100);
  --surface-card:      var(--white);
  --surface-dark:      var(--green-800);
  --surface-dark-deep: var(--green-950);
  --surface-tint:      var(--green-50);
  --surface-accent-tint: var(--amber-100);

  /* Borders & dividers */
  --border:        var(--ink-100);
  --border-strong: var(--ink-200);
  --border-dark:   rgba(255, 255, 255, 0.16);
}