/**
 * AltHarbor paper design system — light-first semantic tokens.
 * Working Knowledge maps these into --bg, --ink, etc. in index.template.html.
 * Source of truth for portfolio surfaces; dark theme keeps dossier overrides inline.
 */
:root,
[data-theme="light"] {
  /* Canvas & surfaces */
  --ah-canvas: #ece5d6;
  --ah-canvas-muted: #e3dccb;
  --ah-surface: #f6f1e6;
  --ah-surface-raised: #fffdf8;
  --ah-border: #d8cdb6;
  --ah-border-subtle: #e2dac8;
  --ah-border-accent: rgba(122, 90, 38, 0.3);

  /* Ink */
  --ah-ink: #241e12;
  --ah-ink-body: #39321f;
  --ah-ink-muted: #5c533f;
  --ah-ink-faint: #736845;

  /* Brand metal */
  --ah-brass: #8a6a2f;
  --ah-brass-bright: #6f5320;
  --ah-brass-deep: #5a4419;
  --ah-foil: linear-gradient(
    110deg,
    #6f5320 0%,
    #9c7c3a 28%,
    #b8924a 46%,
    #8a6a2f 62%,
    #5a4419 100%
  );

  /* Semantic blocks */
  --ah-callout: #eef0e6;
  --ah-callout-border: #cfd6bf;
  --ah-highlight: #f1ead9;

  /* Elevation */
  --ah-shadow: 0 26px 60px -34px rgba(70, 52, 18, 0.35);
  --ah-shadow-soft: 0 16px 38px -28px rgba(70, 52, 18, 0.28);

  /* Category patina (lexicon) */
  --ah-c-big: #8a6720;
  --ah-c-arch: #6d6a1f;
  --ah-c-train: #3f6e3a;
  --ah-c-run: #1f6f63;
  --ah-c-use: #2f6286;
  --ah-c-task: #4a4f9c;
  --ah-c-eval: #6f3f93;
  --ah-c-safe: #9a3f63;
  --ah-c-infra: #9c5733;
  --ah-c-vcs: #a85a30;
  --ah-c-cli: #2f6a86;
  --ah-c-sql: #846016;
  --ah-c-env: #6a4f9c;
  --ah-c-ship: #1f7a5e;

  /* Map into Working Knowledge token names (light default) */
  --bg: var(--ah-canvas);
  --bg-2: var(--ah-canvas-muted);
  --panel: var(--ah-surface);
  --panel-2: var(--ah-canvas);
  --line: var(--ah-border);
  --line-soft: var(--ah-border-subtle);
  --line-gold: var(--ah-border-accent);
  --ink: var(--ah-ink);
  --read: var(--ah-ink-body);
  --ink-soft: var(--ah-ink-muted);
  --ink-faint: var(--ah-ink-faint);
  --gold: var(--ah-brass);
  --gold-bright: var(--ah-brass-bright);
  --gold-deep: var(--ah-brass-deep);
  --foil: var(--ah-foil);
  --eg-bg: var(--ah-callout);
  --eg-line: var(--ah-callout-border);
  --take-bg: var(--ah-highlight);
  --shadow: var(--ah-shadow);
  --shadow-soft: var(--ah-shadow-soft);
  --c-big: var(--ah-c-big);
  --c-arch: var(--ah-c-arch);
  --c-train: var(--ah-c-train);
  --c-run: var(--ah-c-run);
  --c-use: var(--ah-c-use);
  --c-task: var(--ah-c-task);
  --c-eval: var(--ah-c-eval);
  --c-safe: var(--ah-c-safe);
  --c-infra: var(--ah-c-infra);
  --c-vcs: var(--ah-c-vcs);
  --c-cli: var(--ah-c-cli);
  --c-sql: var(--ah-c-sql);
  --c-env: var(--ah-c-env);
  --c-ship: var(--ah-c-ship);
  --grain: 0.4;
  --grain-blend: multiply;

  /* 2030 surfaces — glass on parchment */
  --ah-glass: rgba(255, 253, 248, 0.55);
  --ah-glass-strong: rgba(255, 253, 248, 0.78);
  --ah-glass-border: rgba(216, 205, 182, 0.65);
  --ah-glass-edge: rgba(138, 106, 47, 0.22);
  --ah-bloom-a: rgba(138, 106, 47, 0.16);
  --ah-bloom-b: rgba(47, 98, 134, 0.08);
  --ah-bloom-c: rgba(106, 79, 156, 0.07);
  --glass: var(--ah-glass);
  --glass-strong: var(--ah-glass-strong);
  --glass-border: var(--ah-glass-border);
  --glass-edge: var(--ah-glass-edge);
  --bloom-a: var(--ah-bloom-a);
  --bloom-b: var(--ah-bloom-b);
  --bloom-c: var(--ah-bloom-c);

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.44, 1);
  --dur-quick: 0.35s;
  --dur-slow: 0.9s;
}

[data-theme="dark"] {
  --ah-canvas: #0e0d0b;
  --ah-canvas-muted: #141209;
  --ah-surface: #19170f;
  --ah-surface-raised: #211e14;
  --ah-border: #34301f;
  --ah-border-subtle: #262316;
  --ah-border-accent: rgba(201, 164, 94, 0.34);
  --ah-ink: #f4efe1;
  --ah-ink-body: #ddd6c4;
  --ah-ink-muted: #b3aa92;
  --ah-ink-faint: #8d856c;
  --ah-brass: #c9a45e;
  --ah-brass-bright: #f0d99a;
  --ah-brass-deep: #9a7a3c;
  --ah-foil: linear-gradient(
    110deg,
    #9a7a3c 0%,
    #e7cd8e 26%,
    #f6e6b6 42%,
    #c9a45e 58%,
    #8f6f34 100%
  );
  --ah-callout: #181d18;
  --ah-callout-border: #3a4a3a;
  --ah-highlight: #1c1a10;
  --ah-shadow: 0 30px 70px -34px rgba(0, 0, 0, 0.8);
  --ah-shadow-soft: 0 18px 44px -28px rgba(0, 0, 0, 0.7);
  --ah-c-big: #d8b46a;
  --ah-c-arch: #bcae5e;
  --ah-c-train: #8fb27e;
  --ah-c-run: #5fae9f;
  --ah-c-use: #6f9fc4;
  --ah-c-task: #8c93c8;
  --ah-c-eval: #a98ac0;
  --ah-c-safe: #c98aa3;
  --ah-c-infra: #cf8f6e;
  --ah-c-vcs: #d68c64;
  --ah-c-cli: #6f9bb0;
  --ah-c-sql: #c2a14e;
  --ah-c-env: #9b8ad0;
  --ah-c-ship: #66b394;

  --bg: var(--ah-canvas);
  --bg-2: var(--ah-canvas-muted);
  --panel: var(--ah-surface);
  --panel-2: var(--ah-surface-raised);
  --line: var(--ah-border);
  --line-soft: var(--ah-border-subtle);
  --line-gold: var(--ah-border-accent);
  --ink: var(--ah-ink);
  --read: var(--ah-ink-body);
  --ink-soft: var(--ah-ink-muted);
  --ink-faint: var(--ah-ink-faint);
  --gold: var(--ah-brass);
  --gold-bright: var(--ah-brass-bright);
  --gold-deep: var(--ah-brass-deep);
  --foil: var(--ah-foil);
  --eg-bg: var(--ah-callout);
  --eg-line: var(--ah-callout-border);
  --take-bg: var(--ah-highlight);
  --shadow: var(--ah-shadow);
  --shadow-soft: var(--ah-shadow-soft);
  --c-big: var(--ah-c-big);
  --c-arch: var(--ah-c-arch);
  --c-train: var(--ah-c-train);
  --c-run: var(--ah-c-run);
  --c-use: var(--ah-c-use);
  --c-task: var(--ah-c-task);
  --c-eval: var(--ah-c-eval);
  --c-safe: var(--ah-c-safe);
  --c-infra: var(--ah-c-infra);
  --c-vcs: var(--ah-c-vcs);
  --c-cli: var(--ah-c-cli);
  --c-sql: var(--ah-c-sql);
  --c-env: var(--ah-c-env);
  --c-ship: var(--ah-c-ship);
  --grain: 0.05;
  --grain-blend: normal;

  /* 2030 surfaces — glass on dossier dark */
  --ah-glass: rgba(25, 23, 15, 0.55);
  --ah-glass-strong: rgba(33, 30, 20, 0.8);
  --ah-glass-border: rgba(52, 48, 31, 0.75);
  --ah-glass-edge: rgba(201, 164, 94, 0.28);
  --ah-bloom-a: rgba(201, 164, 94, 0.15);
  --ah-bloom-b: rgba(111, 159, 196, 0.07);
  --ah-bloom-c: rgba(155, 138, 208, 0.07);
  --glass: var(--ah-glass);
  --glass-strong: var(--ah-glass-strong);
  --glass-border: var(--ah-glass-border);
  --glass-edge: var(--ah-glass-edge);
  --bloom-a: var(--ah-bloom-a);
  --bloom-b: var(--ah-bloom-b);
  --bloom-c: var(--ah-bloom-c);
}