/* Folio Design System — Tokens */

:root {
  /* ── Color: Base (sRGB fallback) ── */
  --fo-color-ink: #3d3731;
  --fo-color-ink-sub: #564e46;
  --fo-color-ink-muted: #8a8078;
  --fo-color-ink-faint: #b3a99d;
  --fo-color-paper: #f6f4f1;
  --fo-color-paper-raised: #edebe7;
  --fo-color-border: #d6d1cb;
  --fo-color-border-muted: #e5e1dc;

  /* ── Color: Accents (sRGB fallback) ── */
  /* Coral — hue 25 */
  --fo-color-accent-coral-50: #f9eeeb;
  --fo-color-accent-coral-100: #f0d7d0;
  --fo-color-accent-coral-200: #e4b8aa;
  --fo-color-accent-coral-300: #d8957f;
  --fo-color-accent-coral-400: #c96b55;
  --fo-color-accent-coral-500: #af5641;
  --fo-color-accent-coral-600: #944530;
  --fo-color-accent-coral-700: #7a3626;
  --fo-color-accent-coral-800: #61291d;
  --fo-color-accent-coral-900: #4a1e14;
  --fo-color-accent-coral-950: #38150e;

  /* Sage — hue 150 */
  --fo-color-accent-sage-50: #ebf5ee;
  --fo-color-accent-sage-100: #d0e8d6;
  --fo-color-accent-sage-200: #b5d9be;
  --fo-color-accent-sage-300: #8ec49a;
  --fo-color-accent-sage-400: #4fa36b;
  --fo-color-accent-sage-500: #419059;
  --fo-color-accent-sage-600: #347a4b;
  --fo-color-accent-sage-700: #2a6640;
  --fo-color-accent-sage-800: #215033;
  --fo-color-accent-sage-900: #193c26;
  --fo-color-accent-sage-950: #112a1b;

  /* Sky — hue 230 */
  --fo-color-accent-sky-50: #ebf1f9;
  --fo-color-accent-sky-100: #d0dff0;
  --fo-color-accent-sky-200: #b5c9e4;
  --fo-color-accent-sky-300: #8ca8d6;
  --fo-color-accent-sky-400: #5585c9;
  --fo-color-accent-sky-500: #456eac;
  --fo-color-accent-sky-600: #355a92;
  --fo-color-accent-sky-700: #26497a;
  --fo-color-accent-sky-800: #1e3a62;
  --fo-color-accent-sky-900: #162b49;
  --fo-color-accent-sky-950: #101e34;

  /* Wisteria — hue 290 */
  --fo-color-accent-wisteria-50: #f1ebf9;
  --fo-color-accent-wisteria-100: #ddd0f0;
  --fo-color-accent-wisteria-200: #c7b5e4;
  --fo-color-accent-wisteria-300: #aa8cd6;
  --fo-color-accent-wisteria-400: #8b55c9;
  --fo-color-accent-wisteria-500: #7545ac;
  --fo-color-accent-wisteria-600: #613592;
  --fo-color-accent-wisteria-700: #52267a;
  --fo-color-accent-wisteria-800: #411e62;
  --fo-color-accent-wisteria-900: #311649;
  --fo-color-accent-wisteria-950: #240e34;

  /* Honey — hue 85 */
  --fo-color-accent-honey-50: #f7f3ea;
  --fo-color-accent-honey-100: #ede4cc;
  --fo-color-accent-honey-200: #ded2a8;
  --fo-color-accent-honey-300: #cebe80;
  --fo-color-accent-honey-400: #b89940;
  --fo-color-accent-honey-500: #9d8235;
  --fo-color-accent-honey-600: #856d2b;
  --fo-color-accent-honey-700: #6e5a1e;
  --fo-color-accent-honey-800: #584818;
  --fo-color-accent-honey-900: #423512;
  --fo-color-accent-honey-950: #30260d;

  /* Plum — hue 325 */
  --fo-color-accent-plum-50: #f9ebf3;
  --fo-color-accent-plum-100: #f0d0e2;
  --fo-color-accent-plum-200: #e3b5cf;
  --fo-color-accent-plum-300: #d48cb5;
  --fo-color-accent-plum-400: #c955a0;
  --fo-color-accent-plum-500: #ac4589;
  --fo-color-accent-plum-600: #913574;
  --fo-color-accent-plum-700: #7a2660;
  --fo-color-accent-plum-800: #621e4c;
  --fo-color-accent-plum-900: #4a1639;
  --fo-color-accent-plum-950: #360e29;

  /* ── Typography ── */
  --fo-font-body: 'Sora', ui-sans-serif, system-ui, sans-serif;
  --fo-font-label: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --fo-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --fo-text-xs: 0.75rem;
  --fo-text-sm: 0.875rem;
  --fo-text-base: 1rem;
  --fo-text-lg: 1.125rem;
  --fo-text-xl: 1.5rem;
  --fo-text-2xl: 2rem;
  --fo-leading: 1.6;

  /* ── Spacing ── */
  --fo-space-xs: 0.25rem;
  --fo-space-sm: 0.5rem;
  --fo-space-md: 1rem;
  --fo-space-lg: 1.5rem;
  --fo-space-xl: 2.5rem;

  /* ── Radii ── */
  --fo-radius-sm: 4px;
  --fo-radius-md: 8px;
  --fo-radius-lg: 12px;
  --fo-radius-full: 9999px;

  /* ── Shadows ── */
  --fo-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --fo-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);

  /* ── Breakpoint ── */
  --fo-bp-md: 48rem;
}

@supports (color: oklch(0 0 0)) {
  :root {
    --fo-color-ink: oklch(0.28 0.025 70);
    --fo-color-ink-sub: oklch(0.38 0.02 70);
    --fo-color-ink-muted: oklch(0.58 0.02 70);
    --fo-color-ink-faint: oklch(0.72 0.03 55);
    --fo-color-paper: oklch(0.97 0.006 70);
    --fo-color-paper-raised: oklch(0.93 0.012 70);
    --fo-color-border: oklch(0.85 0.01 70);
    --fo-color-border-muted: oklch(0.90 0.008 70);

    /* Coral */
    --fo-color-accent-coral-50: oklch(0.97 0.015 25);
    --fo-color-accent-coral-100: oklch(0.93 0.035 25);
    --fo-color-accent-coral-200: oklch(0.87 0.06 25);
    --fo-color-accent-coral-300: oklch(0.79 0.09 25);
    --fo-color-accent-coral-400: oklch(0.68 0.12 25);
    --fo-color-accent-coral-500: oklch(0.60 0.14 25);
    --fo-color-accent-coral-600: oklch(0.53 0.12 25);
    --fo-color-accent-coral-700: oklch(0.45 0.1 25);
    --fo-color-accent-coral-800: oklch(0.37 0.08 25);
    --fo-color-accent-coral-900: oklch(0.30 0.06 25);
    --fo-color-accent-coral-950: oklch(0.24 0.04 25);

    /* Sage */
    --fo-color-accent-sage-50: oklch(0.97 0.015 150);
    --fo-color-accent-sage-100: oklch(0.93 0.035 150);
    --fo-color-accent-sage-200: oklch(0.87 0.055 150);
    --fo-color-accent-sage-300: oklch(0.79 0.08 150);
    --fo-color-accent-sage-400: oklch(0.68 0.1 150);
    --fo-color-accent-sage-500: oklch(0.60 0.12 150);
    --fo-color-accent-sage-600: oklch(0.53 0.1 150);
    --fo-color-accent-sage-700: oklch(0.45 0.08 150);
    --fo-color-accent-sage-800: oklch(0.37 0.07 150);
    --fo-color-accent-sage-900: oklch(0.30 0.05 150);
    --fo-color-accent-sage-950: oklch(0.24 0.04 150);

    /* Sky */
    --fo-color-accent-sky-50: oklch(0.97 0.015 230);
    --fo-color-accent-sky-100: oklch(0.93 0.035 230);
    --fo-color-accent-sky-200: oklch(0.87 0.06 230);
    --fo-color-accent-sky-300: oklch(0.79 0.09 230);
    --fo-color-accent-sky-400: oklch(0.68 0.12 230);
    --fo-color-accent-sky-500: oklch(0.60 0.14 230);
    --fo-color-accent-sky-600: oklch(0.53 0.12 230);
    --fo-color-accent-sky-700: oklch(0.45 0.1 230);
    --fo-color-accent-sky-800: oklch(0.37 0.08 230);
    --fo-color-accent-sky-900: oklch(0.30 0.06 230);
    --fo-color-accent-sky-950: oklch(0.24 0.04 230);

    /* Wisteria */
    --fo-color-accent-wisteria-50: oklch(0.97 0.015 290);
    --fo-color-accent-wisteria-100: oklch(0.93 0.035 290);
    --fo-color-accent-wisteria-200: oklch(0.87 0.06 290);
    --fo-color-accent-wisteria-300: oklch(0.79 0.09 290);
    --fo-color-accent-wisteria-400: oklch(0.68 0.12 290);
    --fo-color-accent-wisteria-500: oklch(0.60 0.14 290);
    --fo-color-accent-wisteria-600: oklch(0.53 0.12 290);
    --fo-color-accent-wisteria-700: oklch(0.45 0.1 290);
    --fo-color-accent-wisteria-800: oklch(0.37 0.08 290);
    --fo-color-accent-wisteria-900: oklch(0.30 0.06 290);
    --fo-color-accent-wisteria-950: oklch(0.24 0.04 290);

    /* Honey */
    --fo-color-accent-honey-50: oklch(0.97 0.015 85);
    --fo-color-accent-honey-100: oklch(0.93 0.04 85);
    --fo-color-accent-honey-200: oklch(0.87 0.065 85);
    --fo-color-accent-honey-300: oklch(0.80 0.09 85);
    --fo-color-accent-honey-400: oklch(0.72 0.12 85);
    --fo-color-accent-honey-500: oklch(0.63 0.13 85);
    --fo-color-accent-honey-600: oklch(0.56 0.11 85);
    --fo-color-accent-honey-700: oklch(0.48 0.09 85);
    --fo-color-accent-honey-800: oklch(0.40 0.07 85);
    --fo-color-accent-honey-900: oklch(0.32 0.05 85);
    --fo-color-accent-honey-950: oklch(0.25 0.04 85);

    /* Plum */
    --fo-color-accent-plum-50: oklch(0.97 0.015 325);
    --fo-color-accent-plum-100: oklch(0.93 0.035 325);
    --fo-color-accent-plum-200: oklch(0.87 0.055 325);
    --fo-color-accent-plum-300: oklch(0.79 0.08 325);
    --fo-color-accent-plum-400: oklch(0.68 0.11 325);
    --fo-color-accent-plum-500: oklch(0.60 0.13 325);
    --fo-color-accent-plum-600: oklch(0.53 0.11 325);
    --fo-color-accent-plum-700: oklch(0.45 0.09 325);
    --fo-color-accent-plum-800: oklch(0.37 0.07 325);
    --fo-color-accent-plum-900: oklch(0.30 0.05 325);
    --fo-color-accent-plum-950: oklch(0.24 0.04 325);

    --fo-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.05);
    --fo-shadow-md: 0 2px 8px oklch(0 0 0 / 0.08);
  }
}

/* Dark mode — sRGB fallback */
[data-theme="dark"] {
  --fo-color-ink: #e5e0da;
  --fo-color-ink-sub: #bdb5ab;
  --fo-color-ink-muted: #938b82;
  --fo-color-ink-faint: #6b6560;
  --fo-color-paper: #302c28;
  --fo-color-paper-raised: #3d3834;
  --fo-color-border: #524c46;
  --fo-color-border-muted: #47423d;

  --fo-color-btn: #9e9589;
  --fo-color-btn-text: #302c28;

  /* Coral */
  --fo-color-accent-coral-50: #3d2e2a;
  --fo-color-accent-coral-100: #4d3530;
  --fo-color-accent-coral-200: #6e4540;
  --fo-color-accent-coral-300: #8f5548;
  --fo-color-accent-coral-400: #d07560;
  --fo-color-accent-coral-500: #d38672;
  --fo-color-accent-coral-600: #d79785;
  --fo-color-accent-coral-700: #daa898;
  --fo-color-accent-coral-800: #e2b8aa;
  --fo-color-accent-coral-900: #eccdc3;
  --fo-color-accent-coral-950: #f4e0d8;

  /* Sage */
  --fo-color-accent-sage-50: #2a3d30;
  --fo-color-accent-sage-100: #304d38;
  --fo-color-accent-sage-200: #406e4a;
  --fo-color-accent-sage-300: #508e5c;
  --fo-color-accent-sage-400: #5aad75;
  --fo-color-accent-sage-500: #6eb888;
  --fo-color-accent-sage-600: #84c49a;
  --fo-color-accent-sage-700: #98d0a8;
  --fo-color-accent-sage-800: #aedcba;
  --fo-color-accent-sage-900: #c8e8d0;
  --fo-color-accent-sage-950: #e0f2e5;

  /* Sky */
  --fo-color-accent-sky-50: #2a3040;
  --fo-color-accent-sky-100: #303a50;
  --fo-color-accent-sky-200: #405070;
  --fo-color-accent-sky-300: #50688e;
  --fo-color-accent-sky-400: #608fd0;
  --fo-color-accent-sky-500: #72a0d8;
  --fo-color-accent-sky-600: #85aede;
  --fo-color-accent-sky-700: #98b4da;
  --fo-color-accent-sky-800: #aac4e2;
  --fo-color-accent-sky-900: #c0d4ec;
  --fo-color-accent-sky-950: #d8e4f4;

  /* Wisteria */
  --fo-color-accent-wisteria-50: #352a40;
  --fo-color-accent-wisteria-100: #403050;
  --fo-color-accent-wisteria-200: #584070;
  --fo-color-accent-wisteria-300: #70508e;
  --fo-color-accent-wisteria-400: #9560d0;
  --fo-color-accent-wisteria-500: #a572d8;
  --fo-color-accent-wisteria-600: #b085de;
  --fo-color-accent-wisteria-700: #b898da;
  --fo-color-accent-wisteria-800: #c8aae2;
  --fo-color-accent-wisteria-900: #d8c0ec;
  --fo-color-accent-wisteria-950: #e8d8f4;

  /* Honey */
  --fo-color-accent-honey-50: #3a3528;
  --fo-color-accent-honey-100: #4a4230;
  --fo-color-accent-honey-200: #6a5e3a;
  --fo-color-accent-honey-300: #8a7a48;
  --fo-color-accent-honey-400: #c4a54a;
  --fo-color-accent-honey-500: #ccb260;
  --fo-color-accent-honey-600: #d4be78;
  --fo-color-accent-honey-700: #d4c48a;
  --fo-color-accent-honey-800: #ddd0a0;
  --fo-color-accent-honey-900: #e8deb8;
  --fo-color-accent-honey-950: #f0ecd0;

  /* Plum */
  --fo-color-accent-plum-50: #3d2a38;
  --fo-color-accent-plum-100: #4d3046;
  --fo-color-accent-plum-200: #6e4062;
  --fo-color-accent-plum-300: #8e5080;
  --fo-color-accent-plum-400: #d060aa;
  --fo-color-accent-plum-500: #d872b5;
  --fo-color-accent-plum-600: #de85c0;
  --fo-color-accent-plum-700: #d898c0;
  --fo-color-accent-plum-800: #e2aad0;
  --fo-color-accent-plum-900: #ecc0dc;
  --fo-color-accent-plum-950: #f4d8ea;
}

/* System preference fallback when no data-theme is set */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fo-color-ink: #e5e0da;
    --fo-color-ink-sub: #bdb5ab;
    --fo-color-ink-muted: #938b82;
    --fo-color-ink-faint: #6b6560;
    --fo-color-paper: #302c28;
    --fo-color-paper-raised: #3d3834;
    --fo-color-border: #524c46;
    --fo-color-border-muted: #47423d;
    --fo-color-btn: #9e9589;
    --fo-color-btn-text: #302c28;
    --fo-color-accent-coral-50: #3d2e2a;
    --fo-color-accent-coral-100: #4d3530;
    --fo-color-accent-coral-200: #6e4540;
    --fo-color-accent-coral-300: #8f5548;
    --fo-color-accent-coral-400: #d07560;
    --fo-color-accent-coral-500: #d38672;
    --fo-color-accent-coral-600: #d79785;
    --fo-color-accent-coral-700: #daa898;
    --fo-color-accent-coral-800: #e2b8aa;
    --fo-color-accent-coral-900: #eccdc3;
    --fo-color-accent-coral-950: #f4e0d8;
    --fo-color-accent-sage-50: #2a3d30;
    --fo-color-accent-sage-100: #304d38;
    --fo-color-accent-sage-200: #406e4a;
    --fo-color-accent-sage-300: #508e5c;
    --fo-color-accent-sage-400: #5aad75;
    --fo-color-accent-sage-500: #6eb888;
    --fo-color-accent-sage-600: #84c49a;
    --fo-color-accent-sage-700: #98d0a8;
    --fo-color-accent-sage-800: #aedcba;
    --fo-color-accent-sage-900: #c8e8d0;
    --fo-color-accent-sage-950: #e0f2e5;
    --fo-color-accent-sky-50: #2a3040;
    --fo-color-accent-sky-100: #303a50;
    --fo-color-accent-sky-200: #405070;
    --fo-color-accent-sky-300: #50688e;
    --fo-color-accent-sky-400: #608fd0;
    --fo-color-accent-sky-500: #72a0d8;
    --fo-color-accent-sky-600: #85aede;
    --fo-color-accent-sky-700: #98b4da;
    --fo-color-accent-sky-800: #aac4e2;
    --fo-color-accent-sky-900: #c0d4ec;
    --fo-color-accent-sky-950: #d8e4f4;
    --fo-color-accent-wisteria-50: #352a40;
    --fo-color-accent-wisteria-100: #403050;
    --fo-color-accent-wisteria-200: #584070;
    --fo-color-accent-wisteria-300: #70508e;
    --fo-color-accent-wisteria-400: #9560d0;
    --fo-color-accent-wisteria-500: #a572d8;
    --fo-color-accent-wisteria-600: #b085de;
    --fo-color-accent-wisteria-700: #b898da;
    --fo-color-accent-wisteria-800: #c8aae2;
    --fo-color-accent-wisteria-900: #d8c0ec;
    --fo-color-accent-wisteria-950: #e8d8f4;
    --fo-color-accent-honey-50: #3a3528;
    --fo-color-accent-honey-100: #4a4230;
    --fo-color-accent-honey-200: #6a5e3a;
    --fo-color-accent-honey-300: #8a7a48;
    --fo-color-accent-honey-400: #c4a54a;
    --fo-color-accent-honey-500: #ccb260;
    --fo-color-accent-honey-600: #d4be78;
    --fo-color-accent-honey-700: #d4c48a;
    --fo-color-accent-honey-800: #ddd0a0;
    --fo-color-accent-honey-900: #e8deb8;
    --fo-color-accent-honey-950: #f0ecd0;
    --fo-color-accent-plum-50: #3d2a38;
    --fo-color-accent-plum-100: #4d3046;
    --fo-color-accent-plum-200: #6e4062;
    --fo-color-accent-plum-300: #8e5080;
    --fo-color-accent-plum-400: #d060aa;
    --fo-color-accent-plum-500: #d872b5;
    --fo-color-accent-plum-600: #de85c0;
    --fo-color-accent-plum-700: #d898c0;
    --fo-color-accent-plum-800: #e2aad0;
    --fo-color-accent-plum-900: #ecc0dc;
    --fo-color-accent-plum-950: #f4d8ea;
  }
}

/* OKLCH dark mode overrides */
@supports (color: oklch(0 0 0)) {
  [data-theme="dark"] {
    --fo-color-ink: oklch(0.90 0.01 65);
    --fo-color-ink-sub: oklch(0.75 0.015 65);
    --fo-color-ink-muted: oklch(0.60 0.02 60);
    --fo-color-ink-faint: oklch(0.45 0.02 55);
    --fo-color-paper: oklch(0.22 0.015 60);
    --fo-color-paper-raised: oklch(0.28 0.015 55);
    --fo-color-border: oklch(0.35 0.015 55);
    --fo-color-border-muted: oklch(0.32 0.015 55);

    --fo-color-btn: oklch(0.65 0.02 65);
    --fo-color-btn-text: oklch(0.22 0.015 60);

    /* Coral */
    --fo-color-accent-coral-50: oklch(0.28 0.015 25);
    --fo-color-accent-coral-100: oklch(0.33 0.035 25);
    --fo-color-accent-coral-200: oklch(0.40 0.05 25);
    --fo-color-accent-coral-300: oklch(0.50 0.08 25);
    --fo-color-accent-coral-400: oklch(0.70 0.12 25);
    --fo-color-accent-coral-500: oklch(0.73 0.11 25);
    --fo-color-accent-coral-600: oklch(0.76 0.10 25);
    --fo-color-accent-coral-700: oklch(0.80 0.08 25);
    --fo-color-accent-coral-800: oklch(0.84 0.06 25);
    --fo-color-accent-coral-900: oklch(0.88 0.04 25);
    --fo-color-accent-coral-950: oklch(0.93 0.02 25);

    /* Sage */
    --fo-color-accent-sage-50: oklch(0.28 0.015 150);
    --fo-color-accent-sage-100: oklch(0.33 0.035 150);
    --fo-color-accent-sage-200: oklch(0.40 0.05 150);
    --fo-color-accent-sage-300: oklch(0.50 0.07 150);
    --fo-color-accent-sage-400: oklch(0.70 0.1 150);
    --fo-color-accent-sage-500: oklch(0.73 0.09 150);
    --fo-color-accent-sage-600: oklch(0.76 0.08 150);
    --fo-color-accent-sage-700: oklch(0.80 0.07 150);
    --fo-color-accent-sage-800: oklch(0.84 0.06 150);
    --fo-color-accent-sage-900: oklch(0.88 0.04 150);
    --fo-color-accent-sage-950: oklch(0.93 0.02 150);

    /* Sky */
    --fo-color-accent-sky-50: oklch(0.28 0.015 230);
    --fo-color-accent-sky-100: oklch(0.33 0.035 230);
    --fo-color-accent-sky-200: oklch(0.40 0.05 230);
    --fo-color-accent-sky-300: oklch(0.50 0.08 230);
    --fo-color-accent-sky-400: oklch(0.70 0.12 230);
    --fo-color-accent-sky-500: oklch(0.73 0.11 230);
    --fo-color-accent-sky-600: oklch(0.76 0.10 230);
    --fo-color-accent-sky-700: oklch(0.80 0.08 230);
    --fo-color-accent-sky-800: oklch(0.84 0.06 230);
    --fo-color-accent-sky-900: oklch(0.88 0.04 230);
    --fo-color-accent-sky-950: oklch(0.93 0.02 230);

    /* Wisteria */
    --fo-color-accent-wisteria-50: oklch(0.28 0.015 290);
    --fo-color-accent-wisteria-100: oklch(0.33 0.035 290);
    --fo-color-accent-wisteria-200: oklch(0.40 0.05 290);
    --fo-color-accent-wisteria-300: oklch(0.50 0.08 290);
    --fo-color-accent-wisteria-400: oklch(0.70 0.12 290);
    --fo-color-accent-wisteria-500: oklch(0.73 0.11 290);
    --fo-color-accent-wisteria-600: oklch(0.76 0.10 290);
    --fo-color-accent-wisteria-700: oklch(0.80 0.08 290);
    --fo-color-accent-wisteria-800: oklch(0.84 0.06 290);
    --fo-color-accent-wisteria-900: oklch(0.88 0.04 290);
    --fo-color-accent-wisteria-950: oklch(0.93 0.02 290);

    /* Honey */
    --fo-color-accent-honey-50: oklch(0.28 0.015 85);
    --fo-color-accent-honey-100: oklch(0.33 0.04 85);
    --fo-color-accent-honey-200: oklch(0.40 0.06 85);
    --fo-color-accent-honey-300: oklch(0.52 0.08 85);
    --fo-color-accent-honey-400: oklch(0.74 0.12 85);
    --fo-color-accent-honey-500: oklch(0.76 0.11 85);
    --fo-color-accent-honey-600: oklch(0.79 0.09 85);
    --fo-color-accent-honey-700: oklch(0.82 0.08 85);
    --fo-color-accent-honey-800: oklch(0.86 0.06 85);
    --fo-color-accent-honey-900: oklch(0.90 0.04 85);
    --fo-color-accent-honey-950: oklch(0.94 0.02 85);

    /* Plum */
    --fo-color-accent-plum-50: oklch(0.28 0.015 325);
    --fo-color-accent-plum-100: oklch(0.33 0.035 325);
    --fo-color-accent-plum-200: oklch(0.40 0.05 325);
    --fo-color-accent-plum-300: oklch(0.50 0.07 325);
    --fo-color-accent-plum-400: oklch(0.70 0.11 325);
    --fo-color-accent-plum-500: oklch(0.73 0.10 325);
    --fo-color-accent-plum-600: oklch(0.76 0.09 325);
    --fo-color-accent-plum-700: oklch(0.80 0.08 325);
    --fo-color-accent-plum-800: oklch(0.84 0.06 325);
    --fo-color-accent-plum-900: oklch(0.88 0.04 325);
    --fo-color-accent-plum-950: oklch(0.93 0.02 325);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --fo-color-ink: oklch(0.90 0.01 65);
      --fo-color-ink-sub: oklch(0.75 0.015 65);
      --fo-color-ink-muted: oklch(0.60 0.02 60);
      --fo-color-ink-faint: oklch(0.45 0.02 55);
      --fo-color-paper: oklch(0.22 0.015 60);
      --fo-color-paper-raised: oklch(0.28 0.015 55);
      --fo-color-border: oklch(0.35 0.015 55);
      --fo-color-border-muted: oklch(0.32 0.015 55);
      --fo-color-btn: oklch(0.65 0.02 65);
      --fo-color-btn-text: oklch(0.22 0.015 60);
      --fo-color-accent-coral-50: oklch(0.28 0.015 25);
      --fo-color-accent-coral-100: oklch(0.33 0.035 25);
      --fo-color-accent-coral-200: oklch(0.40 0.05 25);
      --fo-color-accent-coral-300: oklch(0.50 0.08 25);
      --fo-color-accent-coral-400: oklch(0.70 0.12 25);
      --fo-color-accent-coral-500: oklch(0.73 0.11 25);
      --fo-color-accent-coral-600: oklch(0.76 0.10 25);
      --fo-color-accent-coral-700: oklch(0.80 0.08 25);
      --fo-color-accent-coral-800: oklch(0.84 0.06 25);
      --fo-color-accent-coral-900: oklch(0.88 0.04 25);
      --fo-color-accent-coral-950: oklch(0.93 0.02 25);
      --fo-color-accent-sage-50: oklch(0.28 0.015 150);
      --fo-color-accent-sage-100: oklch(0.33 0.035 150);
      --fo-color-accent-sage-200: oklch(0.40 0.05 150);
      --fo-color-accent-sage-300: oklch(0.50 0.07 150);
      --fo-color-accent-sage-400: oklch(0.70 0.1 150);
      --fo-color-accent-sage-500: oklch(0.73 0.09 150);
      --fo-color-accent-sage-600: oklch(0.76 0.08 150);
      --fo-color-accent-sage-700: oklch(0.80 0.07 150);
      --fo-color-accent-sage-800: oklch(0.84 0.06 150);
      --fo-color-accent-sage-900: oklch(0.88 0.04 150);
      --fo-color-accent-sage-950: oklch(0.93 0.02 150);
      --fo-color-accent-sky-50: oklch(0.28 0.015 230);
      --fo-color-accent-sky-100: oklch(0.33 0.035 230);
      --fo-color-accent-sky-200: oklch(0.40 0.05 230);
      --fo-color-accent-sky-300: oklch(0.50 0.08 230);
      --fo-color-accent-sky-400: oklch(0.70 0.12 230);
      --fo-color-accent-sky-500: oklch(0.73 0.11 230);
      --fo-color-accent-sky-600: oklch(0.76 0.10 230);
      --fo-color-accent-sky-700: oklch(0.80 0.08 230);
      --fo-color-accent-sky-800: oklch(0.84 0.06 230);
      --fo-color-accent-sky-900: oklch(0.88 0.04 230);
      --fo-color-accent-sky-950: oklch(0.93 0.02 230);
      --fo-color-accent-wisteria-50: oklch(0.28 0.015 290);
      --fo-color-accent-wisteria-100: oklch(0.33 0.035 290);
      --fo-color-accent-wisteria-200: oklch(0.40 0.05 290);
      --fo-color-accent-wisteria-300: oklch(0.50 0.08 290);
      --fo-color-accent-wisteria-400: oklch(0.70 0.12 290);
      --fo-color-accent-wisteria-500: oklch(0.73 0.11 290);
      --fo-color-accent-wisteria-600: oklch(0.76 0.10 290);
      --fo-color-accent-wisteria-700: oklch(0.80 0.08 290);
      --fo-color-accent-wisteria-800: oklch(0.84 0.06 290);
      --fo-color-accent-wisteria-900: oklch(0.88 0.04 290);
      --fo-color-accent-wisteria-950: oklch(0.93 0.02 290);
      --fo-color-accent-honey-50: oklch(0.28 0.015 85);
      --fo-color-accent-honey-100: oklch(0.33 0.04 85);
      --fo-color-accent-honey-200: oklch(0.40 0.06 85);
      --fo-color-accent-honey-300: oklch(0.52 0.08 85);
      --fo-color-accent-honey-400: oklch(0.74 0.12 85);
      --fo-color-accent-honey-500: oklch(0.76 0.11 85);
      --fo-color-accent-honey-600: oklch(0.79 0.09 85);
      --fo-color-accent-honey-700: oklch(0.82 0.08 85);
      --fo-color-accent-honey-800: oklch(0.86 0.06 85);
      --fo-color-accent-honey-900: oklch(0.90 0.04 85);
      --fo-color-accent-honey-950: oklch(0.94 0.02 85);
      --fo-color-accent-plum-50: oklch(0.28 0.015 325);
      --fo-color-accent-plum-100: oklch(0.33 0.035 325);
      --fo-color-accent-plum-200: oklch(0.40 0.05 325);
      --fo-color-accent-plum-300: oklch(0.50 0.07 325);
      --fo-color-accent-plum-400: oklch(0.70 0.11 325);
      --fo-color-accent-plum-500: oklch(0.73 0.10 325);
      --fo-color-accent-plum-600: oklch(0.76 0.09 325);
      --fo-color-accent-plum-700: oklch(0.80 0.08 325);
      --fo-color-accent-plum-800: oklch(0.84 0.06 325);
      --fo-color-accent-plum-900: oklch(0.88 0.04 325);
      --fo-color-accent-plum-950: oklch(0.93 0.02 325);
    }
  }
}