gabe /presentato-mf

// Palette ported from neiam.co (../neiam-co/sass/main.scss).
// Every theme is dark; `her` is the default.

// ── Shared tokens ─────────────────────────────────────────────────────────────
:root {
  --radius-selector: 1rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --border: 1px;

  --font-sans: 'B612', system-ui, sans-serif;
  --font-mono: 'B612 Mono', monospace;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7rem;
}

// ── "her" theme — from ddpc_site ─────────────────────────────────────────────
:root,
[data-theme="her"] {
  --base-100: oklch(35% 0.104 24);
  --base-200: oklch(30% 0.104 24);
  --base-300: oklch(25% 0.104 24);
  --base-content: oklch(98% 0.050 24);
  --primary: oklch(64% 0.076 19);
  --primary-content: oklch(10% 0.010 19);
  --secondary: oklch(78% 0.049 18);
  --secondary-content: oklch(10% 0.010 18);
  --accent: oklch(96% 0.058 96);
  --accent-content: oklch(10% 0.010 96);
  --neutral: oklch(43% 0.103 22);
  --neutral-content: oklch(98% 0.010 22);
  --info: oklch(83% 0.101 230);
  --success: oklch(90% 0.089 164);
  --warning: oklch(95% 0.124 102);
  --error: oklch(81% 0.103 20);
}

// ── "afterdark" theme — from ddpc_site ───────────────────────────────────────
[data-theme="afterdark"] {
  --base-100: oklch(29% 0.122 277);
  --base-200: oklch(24% 0.122 277);
  --base-300: oklch(19% 0.122 277);
  --base-content: oklch(98% 0.050 277);
  --primary: oklch(60% 0.090 285);
  --primary-content: oklch(10% 0.010 285);
  --secondary: oklch(76% 0.060 286);
  --secondary-content: oklch(10% 0.010 286);
  --accent: oklch(96% 0.058 96);
  --accent-content: oklch(10% 0.010 96);
  --neutral: oklch(38% 0.121 281);
  --neutral-content: oklch(98% 0.010 281);
  --info: oklch(83% 0.101 230);
  --success: oklch(90% 0.089 164);
  --warning: oklch(95% 0.124 102);
  --error: oklch(81% 0.103 20);
}

// ── "forest" theme ────────────────────────────────────────────────────────────
[data-theme="forest"] {
  --base-100: oklch(27% 0.063 153);
  --base-200: oklch(22% 0.063 153);
  --base-300: oklch(17% 0.063 153);
  --base-content: oklch(98% 0.050 153);
  --primary: oklch(80% 0.182 152);
  --primary-content: oklch(10% 0.010 152);
  --secondary: oklch(87% 0.136 154);
  --secondary-content: oklch(10% 0.010 154);
  --accent: oklch(96% 0.058 96);
  --accent-content: oklch(10% 0.010 96);
  --neutral: oklch(45% 0.108 151);
  --neutral-content: oklch(98% 0.010 151);
  --info: oklch(83% 0.101 230);
  --success: oklch(90% 0.089 164);
  --warning: oklch(95% 0.124 102);
  --error: oklch(81% 0.103 20);
}

// ── "sky" theme ───────────────────────────────────────────────────────────────
[data-theme="sky"] {
  --base-100: oklch(29% 0.063 243);
  --base-200: oklch(24% 0.063 243);
  --base-300: oklch(19% 0.063 243);
  --base-content: oklch(98% 0.050 243);
  --primary: oklch(75% 0.139 233);
  --primary-content: oklch(10% 0.010 233);
  --secondary: oklch(83% 0.101 230);
  --secondary-content: oklch(10% 0.010 230);
  --accent: oklch(96% 0.058 96);
  --accent-content: oklch(10% 0.010 96);
  --neutral: oklch(39% 0.085 241);
  --neutral-content: oklch(98% 0.010 241);
  --info: oklch(83% 0.101 230);
  --success: oklch(90% 0.089 164);
  --warning: oklch(95% 0.124 102);
  --error: oklch(81% 0.103 20);
}

// ── "clays" theme ─────────────────────────────────────────────────────────────
[data-theme="clays"] {
  --base-100: oklch(28% 0.074 46);
  --base-200: oklch(23% 0.074 46);
  --base-300: oklch(18% 0.074 46);
  --base-content: oklch(98% 0.050 46);
  --primary: oklch(67% 0.157 58);
  --primary-content: oklch(10% 0.010 58);
  --secondary: oklch(77% 0.165 70);
  --secondary-content: oklch(10% 0.010 70);
  --accent: oklch(96% 0.058 96);
  --accent-content: oklch(10% 0.010 96);
  --neutral: oklch(47% 0.125 46);
  --neutral-content: oklch(98% 0.010 46);
  --info: oklch(83% 0.101 230);
  --success: oklch(90% 0.089 164);
  --warning: oklch(95% 0.124 102);
  --error: oklch(81% 0.103 20);
}

// ── "stones" theme ────────────────────────────────────────────────────────────
[data-theme="stones"] {
  --base-100: oklch(27% 0.006 34);
  --base-200: oklch(22% 0.006 34);
  --base-300: oklch(17% 0.006 34);
  --base-content: oklch(98% 0.050 34);
  --primary: oklch(55% 0.023 264);
  --primary-content: oklch(10% 0.010 264);
  --secondary: oklch(71% 0.019 261);
  --secondary-content: oklch(10% 0.010 261);
  --accent: oklch(96% 0.058 96);
  --accent-content: oklch(10% 0.010 96);
  --neutral: oklch(44% 0.010 74);
  --neutral-content: oklch(98% 0.010 74);
  --info: oklch(83% 0.101 230);
  --success: oklch(90% 0.089 164);
  --warning: oklch(95% 0.124 102);
  --error: oklch(81% 0.103 20);
}