/* ============================================================
   COLORS — Cherry Noir
   Editorial color collection: Cherry Velvet · Champagne Cream ·
   Rosewood Smoke · Black Cherry Ink.
   Base ramps first, semantic aliases second. Consume the SEMANTIC
   tokens in components; reach for a raw ramp step only for one-off
   decorative fills.
   ============================================================ */

:root {
  /* ---- Brand anchors (the four named swatches) ---- */
  --cherry-velvet:    #7c1d2c;
  --champagne-cream:  #ebe0ca;
  --rosewood-smoke:   #b08386;
  --black-cherry-ink: #2a1318;

  /* ---- Cherry (primary — wine red) ---- */
  --cherry-50:  #fbeef0;
  --cherry-100: #f4d7db;
  --cherry-200: #e6acb4;
  --cherry-300: #d4818d;
  --cherry-400: #b64f5f;
  --cherry-500: #97293b;
  --cherry-600: #7c1d2c;   /* Cherry Velvet */
  --cherry-700: #661825;
  --cherry-800: #4d141e;
  --cherry-900: #380f16;

  /* ---- Rosewood (secondary — dusty mauve) ---- */
  --rosewood-50:  #f7eeee;
  --rosewood-100: #ecdadb;
  --rosewood-200: #dcbdbf;
  --rosewood-300: #c8a0a2;
  --rosewood-400: #b08386;   /* Rosewood Smoke */
  --rosewood-500: #966a6d;
  --rosewood-600: #7b5457;
  --rosewood-700: #5f4144;
  --rosewood-800: #442f31;
  --rosewood-900: #2d1f21;

  /* ---- Champagne (warm neutral — paper & cream) ---- */
  --champagne-50:  #fbf8f1;
  --champagne-100: #f5efe3;
  --champagne-200: #ebe0ca;   /* Champagne Cream */
  --champagne-300: #ddceb0;
  --champagne-400: #cab793;
  --champagne-500: #b09b73;
  --champagne-600: #8d7c58;
  --champagne-700: #6a5d43;
  --champagne-800: #493f2e;
  --champagne-900: #2d271d;

  /* ---- Ink (dark neutral — plum-black) ---- */
  --ink-50:  #f7f3f4;
  --ink-100: #efe7e8;
  --ink-200: #dccfd1;
  --ink-300: #c1acaf;
  --ink-400: #9c8085;
  --ink-500: #78595e;
  --ink-600: #593f44;
  --ink-700: #452c31;
  --ink-800: #351f25;
  --ink-900: #2a1318;   /* Black Cherry Ink */
  --ink-950: #1c0c10;

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */

  /* Surfaces */
  --surface-page:      var(--champagne-100);  /* warm paper — default page */
  --surface-paper:     var(--champagne-50);   /* lightest card on cream */
  --surface-cream:     var(--champagne-200);  /* champagne panels / cards */
  --surface-raised:    #ffffff;               /* elevated card on paper */
  --surface-ink:       var(--ink-900);        /* dark editorial sections */
  --surface-ink-soft:  var(--ink-800);        /* raised block on ink */
  --surface-ink-2:     var(--ink-950);        /* deepest footer / hero */
  --surface-overlay:   rgba(28, 12, 16, 0.62);/* modal scrim */

  /* Text */
  --text-strong:       var(--ink-900);        /* headings on light */
  --text-body:         var(--ink-800);        /* body on light */
  --text-muted:        #6e5153;               /* captions / secondary */
  --text-faint:        #96797b;               /* placeholders / meta */
  --text-on-dark:      var(--champagne-100);  /* body on ink */
  --text-on-dark-muted:var(--rosewood-300);   /* secondary on ink */
  --text-accent:       var(--cherry-600);     /* links / emphasis */
  --text-accent-dark:  var(--rosewood-300);   /* accent on ink */

  /* Brand */
  --brand-cherry:       var(--cherry-600);
  --brand-cherry-hover: var(--cherry-700);
  --brand-cherry-press: var(--cherry-800);
  --brand-rosewood:     var(--rosewood-400);
  --brand-cream:        var(--champagne-200);
  --brand-ink:          var(--ink-900);

  /* Borders & lines */
  --border-hairline:   rgba(42, 19, 24, 0.16);
  --border-soft:       rgba(42, 19, 24, 0.08);
  --border-strong:     rgba(42, 19, 24, 0.32);
  --border-on-dark:    rgba(235, 224, 202, 0.18);
  --border-on-dark-soft:rgba(235, 224, 202, 0.09);

  /* Interaction */
  --focus-ring:        var(--cherry-500);
  --focus-ring-dark:   var(--rosewood-300);
  --selection-bg:      rgba(124, 29, 44, 0.22);

  /* Status (warm-tuned, editorial — used sparingly) */
  --success:      #4f6a4a;
  --success-soft: #e5ecdf;
  --warning:      #b5822e;
  --warning-soft: #f4e7cd;
  --danger:       #a02a2a;
  --danger-soft:  #f4dada;
  --info:         #5a6b7a;
  --info-soft:    #e2e8ec;

  /* Editorial accents */
  --gold-leaf:    #b89a5e;   /* thin metallic rule / marble veining */
  --gold-leaf-soft:#d9c48f;
}

::selection { background: var(--selection-bg); }