/* ============================================================
   Cucu's Nest — Color tokens
   A warm, handcrafted palette drawn from the loft itself:
   oat-plaster walls, terracotta clay, walnut beams, the olive
   of the Transylvanian hills, and honey lantern-light.
   ============================================================ */

:root {
  /* --- Warm neutrals: oat plaster & walnut ---------------- */
  --oat-50:   #FBF8F2;   /* page background, lightest */
  --oat-100:  #F4EEE3;   /* warm surface / sections */
  --oat-200:  #E9DFCD;   /* hairline borders, dividers */
  --oat-300:  #D8C9AF;   /* stronger border, inset */
  --sand-400: #BFAA8C;   /* disabled fill, faint text on dark */

  --walnut-500: #9C8775; /* placeholder / faint text */
  --walnut-600: #7A6655; /* muted / secondary text */
  --walnut-700: #5A4A3B; /* body text on light */
  --walnut-800: #3A2E24; /* strong text, headings */
  --walnut-900: #271E16; /* near-black warm, max contrast */

  /* --- Terracotta: the brand's clay primary -------------- */
  --terracotta-100: #F3E0D4;  /* tint background */
  --terracotta-200: #E7C4AE;
  --terracotta-400: #C16B43;
  --terracotta-500: #A4502E;  /* PRIMARY */
  --terracotta-600: #8C4225;  /* primary hover */
  --terracotta-700: #6F341D;  /* primary pressed */

  /* --- Forest / olive: the hills, the secondary --------- */
  --forest-100: #E3E6DB;  /* tint background */
  --forest-200: #C5CDB6;
  --forest-500: #586B49;  /* SECONDARY */
  --forest-600: #46583A;  /* secondary hover */
  --forest-700: #364530;  /* secondary pressed */

  /* --- Honey: lantern light, the accent ----------------- */
  --honey-100: #F8EAD2;  /* tint background */
  --honey-300: #EAC183;
  --honey-400: #DCA957;  /* ACCENT */
  --honey-500: #C9913B;  /* accent strong */

  /* --- Functional / status ------------------------------ */
  --brick-500:   #B23A2E;  /* error / danger (warm red) */
  --brick-100:   #F4DAD4;
  --moss-500:    #4F7A4A;  /* success */
  --moss-100:    #DDEAD8;
  --amber-warn:  #C9913B;  /* warning (reuses honey-500) */

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */

  /* Surfaces & backgrounds */
  --color-bg:            var(--oat-50);
  --color-bg-warm:       var(--oat-100);
  --surface-card:        #FFFDF9;
  --surface-raised:      #FFFFFF;
  --surface-inverse:     var(--walnut-900);
  --surface-sunken:      var(--oat-100);

  /* Text */
  --text-primary:        var(--walnut-900);
  --text-heading:        var(--walnut-800);
  --text-body:           var(--walnut-700);
  --text-secondary:      var(--walnut-600);
  --text-muted:          var(--walnut-500);
  --text-on-primary:     var(--oat-50);
  --text-on-inverse:     var(--oat-100);
  --text-link:           var(--terracotta-500);

  /* Borders & dividers */
  --border-subtle:       var(--oat-200);
  --border-default:      var(--oat-300);
  --border-strong:       var(--sand-400);
  --border-focus:        var(--terracotta-500);

  /* Brand roles */
  --primary:             var(--terracotta-500);
  --primary-hover:       var(--terracotta-600);
  --primary-press:       var(--terracotta-700);
  --primary-tint:        var(--terracotta-100);

  --secondary:           var(--forest-500);
  --secondary-hover:     var(--forest-600);
  --secondary-press:     var(--forest-700);
  --secondary-tint:      var(--forest-100);

  --accent:              var(--honey-400);
  --accent-strong:       var(--honey-500);
  --accent-tint:         var(--honey-100);

  /* Status */
  --color-success:       var(--moss-500);
  --color-success-tint:  var(--moss-100);
  --color-error:         var(--brick-500);
  --color-error-tint:    var(--brick-100);
  --color-warning:       var(--amber-warn);
  --color-warning-tint:  var(--honey-100);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(164, 80, 46, 0.28);
}