/* OYSTERS — Color tokens
 * Muted, architectural base + one precise nacre/iridescent accent.
 * Base values first, then semantic aliases. */

:root {
  /* ——— Ink (warm aubergine-black scale) ——— */
  --ink-900: #16131C;   /* primary ink, near-black with a purple cast */
  --ink-800: #221E2B;
  --ink-700: #322C3E;
  --ink-600: #4A4356;
  --ink-500: #6B6378;   /* muted body-secondary */
  --ink-400: #918A9D;
  --ink-300: #B7B1C0;
  --ink-200: #D6D2DD;
  --ink-100: #E8E5EC;

  /* ——— Pearl (warm off-white base scale) ——— */
  --pearl-50:  #FBFAF8;  /* lightest surface */
  --pearl-100: #F5F2ED;  /* page base, warm pearl */
  --pearl-200: #EDE9E2;
  --pearl-300: #E2DDD4;  /* hairline on light */
  --white: #FFFFFF;

  /* ——— Nacre accent (muted orchid) ——— */
  --orchid-600: #6E51B8;  /* pressed / strong */
  --orchid-500: #8A6FC9;  /* primary accent */
  --orchid-400: #A892DA;  /* hover-light */
  --orchid-200: #DCD2EF;  /* tint surface */
  --orchid-100: #EEE9F8;  /* faint tint */

  /* nacre constituent pastels (for the iridescent blend) */
  --nacre-pink:  #F6D9E4;
  --nacre-lilac: #E4D6F2;
  --nacre-peri:  #D6DEF5;
  --nacre-mint:  #D4EEE6;
  --nacre-peach: #F4E7D3;

  /* the iridescent "pearl" gradient — used sparingly, for the prized object */
  --nacre-gradient: linear-gradient(108deg,
    var(--nacre-pink) 0%,
    var(--nacre-lilac) 28%,
    var(--nacre-peri) 52%,
    var(--nacre-mint) 74%,
    var(--nacre-peach) 100%);
  --nacre-sheen: linear-gradient(135deg,
    rgba(246,217,228,.9), rgba(228,214,242,.85),
    rgba(214,222,245,.85), rgba(212,238,230,.8)); /* @kind color */

  /* ——— Semantic (muted) ——— */
  --positive: #5C8A6B;
  --warning:  #C08A3E;
  --critical: #B5564E;
  --info:     var(--orchid-500);

  /* ——— Semantic aliases ——— */
  --bg-page:        var(--pearl-100);
  --bg-raised:      var(--pearl-50);
  --surface-card:   var(--white);
  --surface-sunken: var(--pearl-200);
  --surface-ink:    var(--ink-900);   /* dark sections */
  --surface-tint:   var(--orchid-100);

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-800);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-on-ink:    var(--pearl-100);
  --text-on-accent: var(--white);

  --accent:         var(--orchid-500);
  --accent-hover:   var(--orchid-400);
  --accent-press:   var(--orchid-600);
  --accent-tint:    var(--orchid-100);
  --link:           var(--orchid-600);

  --border-hairline: rgba(22, 19, 28, 0.10);
  --border-strong:   rgba(22, 19, 28, 0.20);
  --border-on-ink:   rgba(255, 255, 255, 0.14);
  --focus-ring:      var(--orchid-500);
}