/* obvious — every theme, selectable with data-ds-theme. For the docs site; apps import their own theme file instead.
 * Generated by obvious v0.1.0. Do not edit by hand:
 * change src/ and re-run `npm run build`.
 */

[data-ds-theme="condimental"] {
  --ds-radius-base: 16px;
  --ds-density: 1;
  --ds-font-display: 'Young Serif', Georgia, serif;
  --ds-font-sans: 'Figtree', system-ui, sans-serif;
  --ds-font-mono: 'Figtree', system-ui, sans-serif;
  --ds-font-script: 'Figtree', system-ui, sans-serif;
  --ds-color-bg: #faf5ee;
  --ds-color-bg-alt: #f4ead2;
  --ds-color-surface: #ffffff;
  --ds-color-surface-raised: #ffffff;
  --ds-color-surface-hover: #f5eee2;
  --ds-color-border-subtle: rgba(37, 26, 12, 0.08);
  --ds-color-border: rgba(37, 26, 12, 0.08);
  --ds-color-border-strong: rgba(37, 26, 12, 0.16);
  --ds-color-text: #241a10;
  --ds-color-text-dim: #4a3a28;
  --ds-color-text-muted: #8c8071;
  --ds-color-text-inverse: #fff8f0;
  --ds-color-accent: #e14e3b;
  --ds-color-accent-hover: #c93f2e;
  --ds-color-accent-contrast: #fff8f0;
  --ds-color-accent-alt: #f5b841;
  --ds-color-accent-gradient: linear-gradient(135deg, #f5b841 0%, #e97a3a 45%, #e14e3b 100%);
  --ds-color-success: #3f7d4f;
  --ds-color-warning: #b07a16;
  --ds-color-danger: #c93f2e;
  --ds-color-info: #4a6b8a;
  --ds-color-shadow-color: rgba(37, 26, 12, 0.14);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.90);
  --ds-color-selection-bg: #f5b841;
  --ds-color-selection-text: #241a10;
}

[data-ds-theme="core"] {
  --ds-radius-base: 8px;
  --ds-density: 1;
  --ds-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --ds-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --ds-font-mono: 'IBM Plex Sans', system-ui, sans-serif;
  --ds-font-script: 'IBM Plex Sans', system-ui, sans-serif;
  --ds-color-bg: #0A0B0C;
  --ds-color-bg-alt: #0F1113;
  --ds-color-surface: #16181B;
  --ds-color-surface-raised: #171A1E;
  --ds-color-surface-hover: rgba(255, 255, 255, 0.05);
  --ds-color-border-subtle: rgba(255, 255, 255, 0.06);
  --ds-color-border: rgba(255, 255, 255, 0.10);
  --ds-color-border-strong: rgba(255, 255, 255, 0.18);
  --ds-color-text: #ECEDEE;
  --ds-color-text-dim: #C4C8CB;
  --ds-color-text-muted: #8A8F94;
  --ds-color-text-inverse: #0A0B0C;
  --ds-color-accent: #5B7FE8;
  --ds-color-accent-hover: #7C9AFF;
  --ds-color-accent-contrast: #FFFFFF;
  --ds-color-accent-alt: #7C9AFF;
  --ds-color-accent-gradient: linear-gradient(135deg, #5B7FE8 0%, #7C9AFF 100%);
  --ds-color-success: #3FA97A;
  --ds-color-warning: #D9A03C;
  --ds-color-danger: #E05252;
  --ds-color-info: #5B7FE8;
  --ds-color-shadow-color: rgba(0, 0, 0, 0.55);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.08);
  --ds-color-selection-bg: #5B7FE8;
  --ds-color-selection-text: #FFFFFF;
}

[data-ds-theme="dissonance"] {
  --ds-radius-base: 3px;
  --ds-density: 1;
  --ds-font-display: 'Libre Baskerville', Georgia, serif;
  --ds-font-sans: 'Libre Franklin', system-ui, sans-serif;
  --ds-font-mono: 'Libre Franklin', system-ui, sans-serif;
  --ds-font-script: 'Libre Baskerville', Georgia, serif;
  --ds-color-bg: #04060d;
  --ds-color-bg-alt: #080e1a;
  --ds-color-surface: #0d1526;
  --ds-color-surface-raised: #121e33;
  --ds-color-surface-hover: #16223a;
  --ds-color-border-subtle: rgba(30, 48, 80, 0.6);
  --ds-color-border: #1e3050;
  --ds-color-border-strong: #2e4868;
  --ds-color-text: #dde8f2;
  --ds-color-text-dim: #9db5cc;
  --ds-color-text-muted: #6a8aaa;
  --ds-color-text-inverse: #04060d;
  --ds-color-accent: #d4853a;
  --ds-color-accent-hover: #f0a050;
  --ds-color-accent-contrast: #04060d;
  --ds-color-accent-alt: #c9a227;
  --ds-color-accent-gradient: linear-gradient(135deg, #c9a227 0%, #d4853a 100%);
  --ds-color-success: #4ab07a;
  --ds-color-warning: #c9a227;
  --ds-color-danger: #ff4444;
  --ds-color-info: #5aabcf;
  --ds-color-shadow-color: rgba(0, 0, 0, 0.65);
  --ds-color-shadow-highlight: rgba(157, 181, 204, 0.08);
  --ds-color-selection-bg: #d4853a;
  --ds-color-selection-text: #04060d;
}

[data-ds-theme="morris"] {
  --ds-radius-base: 14px;
  --ds-density: 1;
  --ds-font-display: ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ds-font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --ds-font-mono: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
  --ds-font-script: ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, sans-serif;
  --ds-color-bg: #F4F3F0;
  --ds-color-bg-alt: #EBE9E4;
  --ds-color-surface: #FFFFFF;
  --ds-color-surface-raised: #F8F7F4;
  --ds-color-surface-hover: #EBE9E4;
  --ds-color-border-subtle: rgba(0, 0, 0, 0.06);
  --ds-color-border: #DEDBD4;
  --ds-color-border-strong: #C7C3BA;
  --ds-color-text: #151412;
  --ds-color-text-dim: #5C5850;
  --ds-color-text-muted: #6B675F;
  --ds-color-text-inverse: #F4F3F0;
  --ds-color-accent: #2F7A5F;
  --ds-color-accent-hover: #276B53;
  --ds-color-accent-contrast: #FFFFFF;
  --ds-color-accent-alt: #E08A2C;
  --ds-color-accent-gradient: linear-gradient(135deg, #2F7A5F 0%, #2E9C6A 100%);
  --ds-color-success: #2E9C6A;
  --ds-color-warning: #E08A2C;
  --ds-color-danger: #D8473D;
  --ds-color-info: #2F7A5F;
  --ds-color-shadow-color: rgba(20, 18, 14, 0.28);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.90);
  --ds-color-selection-bg: rgba(47, 122, 95, 0.30);
  --ds-color-selection-text: #151412;
}

[data-ds-theme="morris"][data-ds-mode="dark"] {
  --ds-color-bg: #0B0B0A;
  --ds-color-bg-alt: #242320;
  --ds-color-surface: #181816;
  --ds-color-surface-raised: #1B1B19;
  --ds-color-surface-hover: #242320;
  --ds-color-border-subtle: rgba(255, 255, 255, 0.07);
  --ds-color-border: #34332F;
  --ds-color-border-strong: #4A4843;
  --ds-color-text: #F4F2ED;
  --ds-color-text-dim: #B5B1A9;
  --ds-color-text-muted: #9A968E;
  --ds-color-text-inverse: #0B0B0A;
  --ds-color-accent: #5CC49A;
  --ds-color-accent-hover: #74D0AA;
  --ds-color-accent-contrast: #0B0B0A;
  --ds-color-accent-alt: #F0A24D;
  --ds-color-accent-gradient: linear-gradient(135deg, #5CC49A 0%, #3FBF86 100%);
  --ds-color-success: #3FBF86;
  --ds-color-warning: #F0A24D;
  --ds-color-danger: #F06B60;
  --ds-color-info: #5CC49A;
  --ds-color-shadow-color: rgba(0, 0, 0, 0.70);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.06);
  --ds-color-selection-bg: rgba(92, 196, 154, 0.30);
  --ds-color-selection-text: #F4F2ED;
}

[data-ds-theme="parchment"] {
  --ds-radius-base: 4px;
  --ds-density: 1;
  --ds-font-display: var(--font-fell), Georgia, serif;
  --ds-font-sans: var(--font-instrument), system-ui, sans-serif;
  --ds-font-mono: var(--font-instrument), system-ui, sans-serif;
  --ds-font-script: var(--font-caveat), 'Segoe Print', 'Bradley Hand', cursive;
  --ds-color-bg: #e8dcbe;
  --ds-color-bg-alt: #e2d4b2;
  --ds-color-surface: #efe4ca;
  --ds-color-surface-raised: #f4ebd6;
  --ds-color-surface-hover: #e6d9ba;
  --ds-color-border-subtle: rgba(185, 162, 121, 0.35);
  --ds-color-border: rgba(185, 162, 121, 0.50);
  --ds-color-border-strong: #a48f66;
  --ds-color-text: #2b1f10;
  --ds-color-text-dim: #574126;
  --ds-color-text-muted: #7d6a48;
  --ds-color-text-inverse: #efe4ca;
  --ds-color-accent: #8f2f10;
  --ds-color-accent-hover: #a8471f;
  --ds-color-accent-contrast: #efe4ca;
  --ds-color-accent-alt: #d08a2c;
  --ds-color-accent-gradient: linear-gradient(135deg, #8f2f10 0%, #d08a2c 100%);
  --ds-color-success: #4a6b3a;
  --ds-color-warning: #d08a2c;
  --ds-color-danger: #8f2f10;
  --ds-color-info: #3f5d78;
  --ds-color-shadow-color: rgba(43, 31, 16, 0.20);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.50);
  --ds-color-selection-bg: #d08a2c;
  --ds-color-selection-text: #2b1f10;
}

[data-ds-theme="routine"] {
  --ds-radius-base: 13px;
  --ds-density: 1;
  --ds-font-display: 'Fraunces', Georgia, serif;
  --ds-font-sans: 'Hanken Grotesk', system-ui, sans-serif;
  --ds-font-mono: 'Hanken Grotesk', system-ui, sans-serif;
  --ds-font-script: 'Fraunces', Georgia, serif;
  --ds-color-bg: #FAF7F1;
  --ds-color-bg-alt: #F1EDE2;
  --ds-color-surface: #FFFFFF;
  --ds-color-surface-raised: #FFFFFF;
  --ds-color-surface-hover: #F5F1E9;
  --ds-color-border-subtle: rgba(30, 27, 46, 0.05);
  --ds-color-border: rgba(30, 27, 46, 0.08);
  --ds-color-border-strong: rgba(30, 27, 46, 0.16);
  --ds-color-text: #1E1B2E;
  --ds-color-text-dim: #6B6780;
  --ds-color-text-muted: #A5A1B5;
  --ds-color-text-inverse: #FFFFFF;
  --ds-color-accent: #F0693C;
  --ds-color-accent-hover: #E85F32;
  --ds-color-accent-contrast: #FFFFFF;
  --ds-color-accent-alt: #5A5CE0;
  --ds-color-accent-gradient: linear-gradient(135deg, #F0693C 0%, #5A5CE0 100%);
  --ds-color-success: #2E9E6B;
  --ds-color-warning: #B07A16;
  --ds-color-danger: #D14343;
  --ds-color-info: #5A5CE0;
  --ds-color-shadow-color: rgba(30, 27, 46, 0.28);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.90);
  --ds-color-selection-bg: #F0693C;
  --ds-color-selection-text: #FFFFFF;
}

[data-ds-theme="specimen"] {
  --ds-radius-base: 10px;
  --ds-density: 1;
  --ds-font-display: 'Source Serif 4', Georgia, serif;
  --ds-font-sans: 'Source Sans 3', system-ui, sans-serif;
  --ds-font-mono: 'Source Sans 3', system-ui, sans-serif;
  --ds-font-script: 'Source Serif 4', Georgia, serif;
  --ds-color-bg: #E8E9E5;
  --ds-color-bg-alt: #DEDFDA;
  --ds-color-surface: #FAFAF8;
  --ds-color-surface-raised: #FFFFFF;
  --ds-color-surface-hover: rgba(17, 18, 16, 0.04);
  --ds-color-border-subtle: rgba(17, 18, 16, 0.07);
  --ds-color-border: rgba(17, 18, 16, 0.14);
  --ds-color-border-strong: rgba(17, 18, 16, 0.26);
  --ds-color-text: #121310;
  --ds-color-text-dim: #3E403B;
  --ds-color-text-muted: #62655E;
  --ds-color-text-inverse: #FAFAF8;
  --ds-color-accent: #C23A1E;
  --ds-color-accent-hover: #A82F16;
  --ds-color-accent-contrast: #FFFFFF;
  --ds-color-accent-alt: #1D6FD0;
  --ds-color-accent-gradient: linear-gradient(135deg, #C23A1E 0%, #A82F16 100%);
  --ds-color-success: #2F8A5B;
  --ds-color-warning: #B7791F;
  --ds-color-danger: #C23A1E;
  --ds-color-info: #1D6FD0;
  --ds-color-shadow-color: rgba(18, 19, 16, 0.14);
  --ds-color-shadow-highlight: rgba(255, 255, 255, 0.7);
  --ds-color-selection-bg: #1D6FD0;
  --ds-color-selection-text: #FFFFFF;
}