/* ============================================================
   COLORS — Les Écuries du Vieux Château
   Brand palette sampled from the logo:
   Emerald green #009050  ·  Golden yellow #F0B000
   Built into a heritage-meets-2026 system: deep pine greens,
   warm parchment neutrals, and a gilded accent.
   ============================================================ */
:root {
  /* ---- Green scale (pine → mint) ---- */
  --green-900: #0B2A20;   /* deepest pine — near-black ink green */
  --green-800: #0E3B2E;   /* forest, used for dark surfaces */
  --green-700: #0A6B3F;   /* hover / pressed emerald */
  --green-600: #007942;   /* emerald, deep */
  --green-500: #009050;   /* BRAND emerald */
  --green-400: #38AE76;   /* lively green */
  --green-300: #8FCDAE;   /* soft sage */
  --green-200: #C8E6D6;   /* pale mint */
  --green-100: #E6F2EB;   /* mint wash (tint background) */

  /* ---- Gold scale ---- */
  --gold-700: #A9760B;    /* deep bronze (text on light) */
  --gold-600: #C8930E;    /* hover gold */
  --gold-500: #F0B000;    /* BRAND gold */
  --gold-400: #F6C53D;    /* bright gild */
  --gold-300: #FADC85;    /* light gold */
  --gold-200: #FBEBBE;    /* pale champagne */
  --gold-100: #FBF4E0;    /* champagne wash */

  /* ---- Warm neutrals (parchment) ---- */
  --ink-900: #16201B;     /* primary text — warm near-black green */
  --ink-700: #36433C;     /* strong secondary text */
  --ink-500: #5C6A62;     /* muted text */
  --ink-400: #8A968E;     /* faint text / placeholder */
  --line-300: #D9D6CA;    /* hairline borders on parchment */
  --line-200: #E7E3D6;    /* faint divider */
  --paper-100: #FBFAF5;   /* card / raised surface */
  --paper-200: #F7F4EC;   /* page parchment */
  --paper-300: #F0ECE0;   /* sunken / alt section */
  --white: #FFFFFF;

  /* ---- Semantic status ---- */
  --success: #009050;
  --warning: #C8930E;
  --danger:  #B23A2E;
  --info:    #2E6E7E;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  --brand:           var(--green-500);
  --brand-strong:    var(--green-700);
  --brand-deep:      var(--green-800);
  --accent:          var(--gold-500);
  --accent-strong:   var(--gold-600);
  --accent-ink:      var(--gold-700);

  --bg-page:         var(--paper-200);
  --bg-alt:          var(--paper-300);
  --bg-tint:         var(--green-100);
  --bg-champagne:    var(--gold-100);
  --surface-card:    var(--paper-100);
  --surface-dark:    var(--green-800);
  --surface-darkest: var(--green-900);

  --text-strong:     var(--ink-900);
  --text-body:       var(--ink-700);
  --text-muted:      var(--ink-500);
  --text-faint:      var(--ink-400);
  --text-on-dark:    #F3F1E8;
  --text-on-brand:   #FFFFFF;

  --border:          var(--line-300);
  --border-faint:    var(--line-200);
  --focus-ring:      var(--green-400);
}