/* ============================================================
   Taste Skill — Color
   A warm-neutral, ink-on-paper monochrome system. Color is a
   scarce resource: the primary action is INK, and hue appears
   only as muted, washed semantic pastels. No AI-purple, no
   gratuitous accent. Values sampled from the real brand banner
   (ink #050301, warm sand #E8E0D7, cream canvas ~#F3EFE8).
   ============================================================ */
:root {
  /* ---- Ink ramp (warm near-blacks → warm greys) ---- */
  --ink-900: #0a0806;   /* logo / darkest — sampled #050301, lifted */
  --ink-800: #17130e;   /* primary text, headlines */
  --ink-700: #2a251e;
  --ink-600: #4a443b;
  --ink-500: #6b655c;   /* secondary text */
  --ink-400: #8c867c;   /* muted text (tagline grey ~#9c9997) */
  --ink-300: #b3ab9f;   /* faint text / disabled */
  --ink-200: #d0c8bb;

  /* ---- Paper / sand ramp (warm creams → warm tans) ---- */
  --paper-raised: #fbf8f2;  /* card / elevated surface */
  --paper:        #f4f0e8;  /* app canvas — the signature cream */
  --paper-sunken: #ece5d9;  /* wells, insets, code blocks */
  --sand-100: #efe9de;
  --sand-200: #e8e0d5;      /* sampled warm beige */
  --sand-300: #dccfbd;
  --sand-400: #c9bca6;
  --sand-500: #b3a48c;
  --white: #ffffff;

  /* ---- Hairlines & borders (warm ink at low alpha) ---- */
  --line-faint:  rgba(23, 19, 14, 0.06);
  --line:        rgba(23, 19, 14, 0.10);
  --line-strong: rgba(23, 19, 14, 0.18);
  --line-heavy:  rgba(23, 19, 14, 0.32);

  /* ---- Semantic pastels (from the skill's minimalist palette) ---- */
  --success-bg: #edf3ec;  --success-ink: #346538;  --success-solid: #3e7b47;
  --info-bg:    #e1f3fe;  --info-ink:    #1f6c9f;   --info-solid:    #2a6f9e;
  --warning-bg: #fbf3db;  --warning-ink: #956400;   --warning-solid: #b07b15;
  --danger-bg:  #fdebec;  --danger-ink:  #9f2f2d;   --danger-solid:  #b23b34;

  /* ---- Semantic surface aliases (light theme) ---- */
  --bg:            var(--paper);
  --bg-raised:     var(--paper-raised);
  --bg-sunken:     var(--paper-sunken);
  --bg-inverse:    var(--ink-900);
  --surface-card:  var(--paper-raised);
  --surface-shell: var(--sand-100);   /* double-bezel outer tray */

  --text:          var(--ink-800);
  --text-strong:   var(--ink-900);
  --text-muted:    var(--ink-500);
  --text-faint:    var(--ink-400);
  --text-inverse:  var(--paper);
  --text-on-accent:var(--paper);

  --border:        var(--line);
  --border-strong: var(--line-strong);

  /* ---- Accent = ink (monochrome). Primary buttons, focus. ---- */
  --accent:        var(--ink-900);
  --accent-hover:  var(--ink-700);
  --accent-text:   var(--paper);
  --focus-ring:    rgba(23, 19, 14, 0.55);
  --focus-halo:    rgba(23, 19, 14, 0.10);

  /* ---- Selection ---- */
  --selection-bg:  #17130e;
  --selection-fg:  #f4f0e8;
}

/* ============================================================
   Dark theme — OLED warm near-black (brand's dark surface #0a0a0a)
   with cream text. Enabled via [data-theme="dark"] or system.
   ============================================================ */
[data-theme="dark"] {
  --bg:            #0a0a0a;
  --bg-raised:     #16140f;
  --bg-sunken:     #050403;
  --bg-inverse:    var(--paper);
  --surface-card:  #16140f;
  --surface-shell: #100e0a;

  --text:          #f4f0e8;
  --text-strong:   #fbf8f2;
  --text-muted:    #a89f8f;
  --text-faint:    #7c7466;
  --text-inverse:  #17130e;
  --text-on-accent:#17130e;

  --line-faint:  rgba(244, 240, 232, 0.06);
  --line:        rgba(244, 240, 232, 0.10);
  --line-strong: rgba(244, 240, 232, 0.18);
  --line-heavy:  rgba(244, 240, 232, 0.30);
  --border:        var(--line);
  --border-strong: var(--line-strong);

  --accent:        var(--paper);
  --accent-hover:  #ffffff;
  --accent-text:   #0a0a0a;
  --focus-ring:    rgba(244, 240, 232, 0.60);
  --focus-halo:    rgba(244, 240, 232, 0.12);

  /* Pastels deepen slightly for legibility on dark */
  --success-bg: #16241a;  --success-ink: #86c68f;
  --info-bg:    #0f2433;  --info-ink:    #82c4ea;
  --warning-bg: #2a2110;  --warning-ink: #e0b158;
  --danger-bg:  #2c1615;  --danger-ink:  #eb9591;

  --selection-bg:  #f4f0e8;
  --selection-fg:  #0a0a0a;
}