/* acp:tokens v1 - generated by artistic-color-palettes (scripts/handoff.py). Do not edit by hand; re-run the script. */
/* ModScrim brand kit (brand/DESIGN.md), colours supplied by the user */
/* ModScrim brand kit (brand/DESIGN.md), colours supplied by the user */
/* Strategy Restrained, mode Operate. Licence: user-supplied. */

:root {
  /* ---- primitives: light ramps (OKLCH-built; steps 50-950) ---- */
  --neutral-seed: #123d2e;
  --neutral-50: #f3f8f6;
  --neutral-100: #e4ece8;
  --neutral-200: #d1dcd7;
  --neutral-300: #b7c5be;
  --neutral-400: #99a9a2;
  --neutral-500: #7e8d86;
  --neutral-600: #64736c;
  --neutral-700: #4f5b55;
  --neutral-800: #3b4540;
  --neutral-900: #27302c;
  --neutral-950: #1a211e;
  --accent-seed: #ff6a1f;
  --accent-50: #f8f6f5;
  --accent-100: #efe8e5;
  --accent-200: #e9d4cc;
  --accent-300: #e8b39e;
  --accent-400: #ff6a1f; /* pinned seed */
  --accent-500: #de5a16;
  --accent-600: #b74501;
  --accent-700: #8f3a11;
  --accent-800: #692f16;
  --accent-900: #462315;
  --accent-950: #2e1911;
  --voice-1-seed: #ffd23f;
  --voice-1-50: #f8f7f3;
  --voice-1-100: #efe9da;
  --voice-1-200: #ffd23f; /* pinned seed */
  --voice-1-300: #d9bf74;
  --voice-1-400: #c0a143;
  --voice-1-500: #a58517;
  --voice-1-600: #876b00;
  --voice-1-700: #6a5612;
  --voice-1-800: #4f4117;
  --voice-1-900: #352d15;
  --voice-1-950: #231f12;
  --voice-2-seed: #123d2e;
  --voice-2-50: #f4f8f6;
  --voice-2-100: #deeee6;
  --voice-2-200: #b5e6d0;
  --voice-2-300: #8dd2b5;
  --voice-2-400: #63b897;
  --voice-2-500: #429c7b;
  --voice-2-600: #2f7f63;
  --voice-2-700: #2a6550;
  --voice-2-800: #254b3c;
  --voice-2-900: #123d2e; /* pinned seed */
  --voice-2-950: #16221d;
  --voice-3-seed: #0b2a1f;
  --voice-3-50: #f4f8f6;
  --voice-3-100: #deeee7;
  --voice-3-200: #b5e6d1;
  --voice-3-300: #8ed2b6;
  --voice-3-400: #65b898;
  --voice-3-500: #449c7c;
  --voice-3-600: #317f63;
  --voice-3-700: #2c644f;
  --voice-3-800: #264b3d;
  --voice-3-900: #1e332a;
  --voice-3-950: #0b2a1f; /* pinned seed */
  --success-seed: #1d8742;
  --success-50: #f4f8f5;
  --success-100: #deefe1;
  --success-200: #b4e9be;
  --success-300: #84d796;
  --success-400: #56be72;
  --success-500: #2fa255;
  --success-600: #1c8440;
  --success-700: #1f6836;
  --success-800: #1f4e2c;
  --success-900: #1a3520;
  --success-950: #152317;
  --warning-seed: #dd9315;
  --warning-50: #f8f6f4;
  --warning-100: #efe8e1;
  --warning-200: #e8d6c0;
  --warning-300: #e6b87d;
  --warning-400: #d29848;
  --warning-500: #b77b1f;
  --warning-600: #96620a;
  --warning-700: #764f15;
  --warning-800: #573c18;
  --warning-900: #3a2a16;
  --warning-950: #271d12;
  --danger-seed: #c9302d;
  --danger-50: #f8f6f6;
  --danger-100: #eee8e7;
  --danger-200: #e7d4d2;
  --danger-300: #e2b4ae;
  --danger-400: #e5867c;
  --danger-500: #eb443e;
  --danger-600: #c42e2b;
  --danger-700: #992b27;
  --danger-800: #702722;
  --danger-900: #4a1f1b;
  --danger-950: #301714;
  --info-seed: #2975ba;
  --info-50: #f6f7f8;
  --info-100: #e6eaee;
  --info-200: #d0dae6;
  --info-300: #a9c4e1;
  --info-400: #72a9e2;
  --info-500: #3a8ddb;
  --info-600: #2872b5;
  --info-700: #255b8d;
  --info-800: #214567;
  --info-900: #1b2f44;
  --info-950: #15202c;
  --ground-seed: #eef1e8;

  /* ---- the palette's own colours, exactly as sampled (always available as primitives) ---- */
  --palette-wall-green: #123d2e;
  --palette-chalk: #eef1e8;
  --palette-whistle-orange: #ff6a1f;
  --palette-dugout: #0b2a1f;
  --palette-card-yellow: #ffd23f;

  /* ---- primitives: dark ramps (composed separately, not the light ramps reversed) ---- */
  --neutral-dark-50: #eef3f1;
  --neutral-dark-100: #d8e0dc;
  --neutral-dark-200: #b9c4bf;
  --neutral-dark-300: #98a59f;
  --neutral-dark-400: #798780;
  --neutral-dark-500: #5c6a64;
  --neutral-dark-600: #43514b;
  --neutral-dark-700: #2f3b36;
  --neutral-dark-800: #1f2925;
  --neutral-dark-900: #121a17;
  --neutral-dark-950: #080f0c;
  --accent-dark-50: #f3f1f0;
  --accent-dark-100: #e5dcd8;
  --accent-dark-200: #d8b9ad;
  --accent-dark-300: #ff6a1f; /* pinned seed */
  --accent-dark-400: #c06743;
  --accent-dark-500: #9e4a25;
  --accent-dark-600: #7b3516;
  --accent-dark-700: #592813;
  --accent-dark-800: #391f14;
  --accent-dark-900: #26130b;
  --accent-dark-950: #150a06;
  --voice-1-dark-50: #f3f2ed;
  --voice-1-dark-100: #ffd23f; /* pinned seed */
  --voice-1-dark-200: #cec098;
  --voice-1-dark-300: #b3a06b;
  --voice-1-dark-400: #968144;
  --voice-1-dark-500: #786426;
  --voice-1-dark-600: #5c4b16;
  --voice-1-dark-700: #423714;
  --voice-1-dark-800: #2d2610;
  --voice-1-dark-900: #1c180b;
  --voice-1-dark-950: #0f0d07;
  --voice-2-dark-50: #eef3f1;
  --voice-2-dark-100: #cee4da;
  --voice-2-dark-200: #a5cbba;
  --voice-2-dark-300: #7dae99;
  --voice-2-dark-400: #58917a;
  --voice-2-dark-500: #3b735d;
  --voice-2-dark-600: #285846;
  --voice-2-dark-700: #123d2e; /* pinned seed */
  --voice-2-dark-800: #172b23;
  --voice-2-dark-900: #101b16;
  --voice-2-dark-950: #090f0c;
  --voice-3-dark-50: #eef3f1;
  --voice-3-dark-100: #cee4da;
  --voice-3-dark-200: #a6cbbb;
  --voice-3-dark-300: #7eae99;
  --voice-3-dark-400: #59917b;
  --voice-3-dark-500: #3c735e;
  --voice-3-dark-600: #2a5746;
  --voice-3-dark-700: #203f33;
  --voice-3-dark-800: #0b2a1f; /* pinned seed */
  --voice-3-dark-900: #101b16;
  --voice-3-dark-950: #090f0c;
  --success-dark-50: #eef3ef;
  --success-dark-100: #cee5d2;
  --success-dark-200: #a1cea9;
  --success-dark-300: #77b283;
  --success-dark-400: #509561;
  --success-dark-500: #337644;
  --success-dark-600: #205b32;
  --success-dark-700: #1a4225;
  --success-dark-800: #152d1b;
  --success-dark-900: #0e1c11;
  --success-dark-950: #080f09;
  --warning-dark-50: #f3f1ef;
  --warning-dark-100: #e5ddd3;
  --warning-dark-200: #d7bc9c;
  --warning-dark-300: #bf9a6c;
  --warning-dark-400: #a37b46;
  --warning-dark-500: #845d28;
  --warning-dark-600: #664619;
  --warning-dark-700: #493315;
  --warning-dark-800: #322310;
  --warning-dark-900: #1f170c;
  --warning-dark-950: #110c07;
  --danger-dark-50: #f3f1f1;
  --danger-dark-100: #e4dcdb;
  --danger-dark-200: #d4bab6;
  --danger-dark-300: #ce8f87;
  --danger-dark-400: #cb5c53;
  --danger-dark-500: #a83d36;
  --danger-dark-600: #832a25;
  --danger-dark-700: #5f201c;
  --danger-dark-800: #3a1d1a;
  --danger-dark-900: #28100e;
  --danger-dark-950: #160908;
  --info-dark-50: #f1f2f3;
  --info-dark-100: #d9dfe4;
  --info-dark-200: #b4c3d3;
  --info-dark-300: #82a5ca;
  --info-dark-400: #5387bc;
  --info-dark-500: #36699b;
  --info-dark-600: #245079;
  --info-dark-700: #1c3a57;
  --info-dark-800: #15283b;
  --info-dark-900: #0e1924;
  --info-dark-950: #080e14;
}

/* ---- semantic tier: light ---- */
:root,
[data-theme="light"] {
  color-scheme: light;
  --color-bg: var(--neutral-50);
  --color-bg-subtle: var(--neutral-100);
  --color-surface: var(--neutral-50);
  --color-surface-hover: var(--neutral-200);
  --color-border-subtle: var(--neutral-200);
  --color-border: var(--neutral-300);
  --color-border-strong: var(--neutral-500);
  --color-text: var(--neutral-900);
  --color-text-muted: var(--neutral-700);
  --color-accent: #d96531; /* adjusted from accent-600 #b74501 */
  --color-on-accent: var(--neutral-950);
  --color-accent-hover: #e25d1b; /* adjusted from accent-500 #de5a16 */
  --color-accent-text: var(--accent-700);
  --color-accent-subtle: var(--accent-100);
  --color-focus: var(--accent-500);
  --color-voice-1: var(--voice-1-200);
  --color-voice-1-mark: var(--voice-1-500);
  --color-voice-1-subtle: var(--voice-1-100);
  --color-voice-1-text: var(--voice-1-700);
  --color-on-voice-1: var(--neutral-950);
  --color-voice-2: var(--voice-2-900);
  --color-voice-2-mark: var(--voice-2-900);
  --color-voice-2-subtle: var(--voice-2-100);
  --color-voice-2-text: var(--voice-2-700);
  --color-on-voice-2: #ffffff;
  --color-voice-3: var(--voice-3-950);
  --color-voice-3-mark: var(--voice-3-950);
  --color-voice-3-subtle: var(--voice-3-100);
  --color-voice-3-text: var(--voice-3-700);
  --color-on-voice-3: #ffffff;
  --color-success: var(--success-700);
  --color-success-subtle: var(--success-100);
  --color-success-text: var(--success-700);
  --color-on-success: #ffffff;
  --color-warning: #bd8432; /* adjusted from warning-400 #d29848 */
  --color-warning-subtle: var(--warning-100);
  --color-warning-text: var(--warning-700);
  --color-on-warning: var(--neutral-950);
  --color-danger: var(--danger-600);
  --color-danger-subtle: var(--danger-100);
  --color-danger-text: var(--danger-700);
  --color-on-danger: #ffffff;
  --color-info: var(--info-500);
  --color-info-subtle: var(--info-100);
  --color-info-text: var(--info-700);
  --color-on-info: var(--neutral-950);
  --color-action: var(--color-accent);
  --color-action-hover: var(--color-accent-hover);
  --color-on-action: var(--color-on-accent);
  --color-action-border: var(--color-accent);
}

/* ---- semantic tier: dark (follows the system unless data-theme=light) ---- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg: var(--neutral-dark-950);
    --color-bg-subtle: var(--neutral-dark-900);
    --color-surface: var(--neutral-dark-900);
    --color-surface-hover: var(--neutral-dark-800);
    --color-border-subtle: var(--neutral-dark-800);
    --color-border: var(--neutral-dark-700);
    --color-border-strong: var(--neutral-dark-500);
    --color-text: var(--neutral-dark-50);
    --color-text-muted: var(--neutral-dark-200);
    --color-accent: var(--accent-dark-300);
    --color-on-accent: var(--neutral-dark-950);
    --color-accent-hover: var(--accent-dark-200);
    --color-accent-text: var(--accent-dark-300);
    --color-accent-subtle: var(--accent-dark-900);
    --color-focus: var(--accent-dark-300);
    --color-voice-1: var(--voice-1-dark-100);
    --color-voice-1-mark: var(--voice-1-dark-100);
    --color-voice-1-subtle: var(--voice-1-dark-900);
    --color-voice-1-text: var(--voice-1-dark-300);
    --color-on-voice-1: var(--neutral-dark-950);
    --color-voice-2: var(--voice-2-dark-700);
    --color-voice-2-mark: var(--voice-2-dark-500);
    --color-voice-2-subtle: var(--voice-2-dark-900);
    --color-voice-2-text: var(--voice-2-dark-300);
    --color-on-voice-2: #ffffff;
    --color-voice-3: var(--voice-3-dark-800);
    --color-voice-3-mark: var(--voice-3-dark-500);
    --color-voice-3-subtle: var(--voice-3-dark-900);
    --color-voice-3-text: var(--voice-3-dark-300);
    --color-on-voice-3: #ffffff;
    --color-success: #367147; /* adjusted from success-600 #205b32 */
    --color-success-subtle: var(--success-dark-900);
    --color-success-text: var(--success-dark-300);
    --color-on-success: #ffffff;
    --color-warning: var(--warning-dark-300);
    --color-warning-subtle: var(--warning-dark-900);
    --color-warning-text: var(--warning-dark-300);
    --color-on-warning: var(--neutral-dark-950);
    --color-danger: var(--danger-dark-400);
    --color-danger-subtle: var(--danger-dark-900);
    --color-danger-text: var(--danger-dark-300);
    --color-on-danger: var(--neutral-dark-950);
    --color-info: var(--info-dark-500);
    --color-info-subtle: var(--info-dark-900);
    --color-info-text: var(--info-dark-300);
    --color-on-info: #ffffff;
    --color-action: var(--color-accent);
    --color-action-hover: var(--color-accent-hover);
    --color-on-action: var(--color-on-accent);
    --color-action-border: var(--color-accent);
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: var(--neutral-dark-950);
  --color-bg-subtle: var(--neutral-dark-900);
  --color-surface: var(--neutral-dark-900);
  --color-surface-hover: var(--neutral-dark-800);
  --color-border-subtle: var(--neutral-dark-800);
  --color-border: var(--neutral-dark-700);
  --color-border-strong: var(--neutral-dark-500);
  --color-text: var(--neutral-dark-50);
  --color-text-muted: var(--neutral-dark-200);
  --color-accent: var(--accent-dark-300);
  --color-on-accent: var(--neutral-dark-950);
  --color-accent-hover: var(--accent-dark-200);
  --color-accent-text: var(--accent-dark-300);
  --color-accent-subtle: var(--accent-dark-900);
  --color-focus: var(--accent-dark-300);
  --color-voice-1: var(--voice-1-dark-100);
  --color-voice-1-mark: var(--voice-1-dark-100);
  --color-voice-1-subtle: var(--voice-1-dark-900);
  --color-voice-1-text: var(--voice-1-dark-300);
  --color-on-voice-1: var(--neutral-dark-950);
  --color-voice-2: var(--voice-2-dark-700);
  --color-voice-2-mark: var(--voice-2-dark-500);
  --color-voice-2-subtle: var(--voice-2-dark-900);
  --color-voice-2-text: var(--voice-2-dark-300);
  --color-on-voice-2: #ffffff;
  --color-voice-3: var(--voice-3-dark-800);
  --color-voice-3-mark: var(--voice-3-dark-500);
  --color-voice-3-subtle: var(--voice-3-dark-900);
  --color-voice-3-text: var(--voice-3-dark-300);
  --color-on-voice-3: #ffffff;
  --color-success: #367147; /* adjusted from success-600 #205b32 */
  --color-success-subtle: var(--success-dark-900);
  --color-success-text: var(--success-dark-300);
  --color-on-success: #ffffff;
  --color-warning: var(--warning-dark-300);
  --color-warning-subtle: var(--warning-dark-900);
  --color-warning-text: var(--warning-dark-300);
  --color-on-warning: var(--neutral-dark-950);
  --color-danger: var(--danger-dark-400);
  --color-danger-subtle: var(--danger-dark-900);
  --color-danger-text: var(--danger-dark-300);
  --color-on-danger: var(--neutral-dark-950);
  --color-info: var(--info-dark-500);
  --color-info-subtle: var(--info-dark-900);
  --color-info-text: var(--info-dark-300);
  --color-on-info: #ffffff;
  --color-action: var(--color-accent);
  --color-action-hover: var(--color-accent-hover);
  --color-on-action: var(--color-on-accent);
  --color-action-border: var(--color-accent);
}

/* ---- aliases: neighbour skills' token names resolve to the semantic tier (no second palette) ---- */
:root,
[data-theme] {
  /* Taste */
  --bg: var(--color-bg);
  --surface: var(--color-bg-subtle); /* a separated step: Taste wants surfaces told apart by tone, not lines */
  --ink: var(--color-text);
  --muted: var(--color-text-muted); /* also interface-design */
  --accent: var(--color-accent); /* also interface-design */
  --accent-ink: var(--color-on-accent);
  --field-1: var(--color-voice-1);
  --field-1-ink: var(--color-on-voice-1);
  --field-2: var(--color-voice-2);
  --field-2-ink: var(--color-on-voice-2);
  --field-3: var(--color-voice-3);
  --field-3-ink: var(--color-on-voice-3);
  /* UI/UX Pro Max (--color-accent, --color-on-accent and --color-border are already defined above) */
  --color-primary: var(--color-accent);
  --color-on-primary: var(--color-on-accent);
  --color-secondary: var(--color-voice-1);
  --color-on-secondary: var(--color-on-voice-1);
  --color-background: var(--color-bg);
  --color-foreground: var(--color-text);
  --color-card: var(--color-surface);
  --color-card-foreground: var(--color-text);
  --color-muted: var(--color-bg-subtle);
  --color-muted-foreground: var(--color-text-muted);
  --color-destructive: var(--color-danger);
  --color-on-destructive: var(--color-on-danger);
  --color-ring: var(--color-focus);
  /* interface-design (two text tiers here: --secondary and --muted both map to the muted text colour) */
  --foreground: var(--color-text);
  --secondary: var(--color-text-muted);
  --faint: var(--color-border-subtle);
}
