/*
  Theme contract: every template/component must only use the semantic
  custom properties defined here (--color-*, --radius, --shadow, --font-*).
  Adding a 4th theme means adding one more [data-theme="…"] block below —
  no template markup should ever need to change.
*/

:root,
[data-theme="epure"] {
  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-surface-alt: #f0f0ee;
  --color-text: #1a1a1a;
  --color-text-muted: #5c5c5c;
  --color-accent: #2a6f6f;
  --color-accent-strong: #1e5252;
  --color-accent-contrast: #ffffff;
  --color-border: #e4e4e4;
  --color-border-strong: #cfcfcf;
  --color-art-light: #ffffff;
  --color-art-ink: #1a1a1a;

  --radius: 4px;
  --radius-lg: 4px;
  --shadow-card: none;
  --shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.06);

  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --heading-weight: 600;
  --heading-tracking: -0.01em;
}

[data-theme="corporate"] {
  --color-bg: #f4f6f9;
  --color-surface: #ffffff;
  --color-surface-alt: #eaeef4;
  --color-text: #16233d;
  --color-text-muted: #4b5a75;
  --color-accent: #1d6fa5;
  --color-accent-strong: #0b2545;
  --color-accent-contrast: #ffffff;
  --color-border: #d9dfe7;
  --color-border-strong: #b7c2d1;
  --color-art-light: #ffffff;
  --color-art-ink: #16233d;

  --radius: 8px;
  --radius-lg: 12px;
  --shadow-card: 0 1px 3px rgba(11, 37, 69, 0.08), 0 1px 2px rgba(11, 37, 69, 0.05);
  --shadow-raised: 0 8px 24px rgba(11, 37, 69, 0.12);

  --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --heading-weight: 700;
  --heading-tracking: -0.01em;
}

[data-theme="dev"] {
  --color-bg: #0d1117;
  --color-surface: #161b22;
  --color-surface-alt: #1c2129;
  --color-text: #e6edf3;
  --color-text-muted: #8b949e;
  --color-accent: #39d2c0;
  --color-accent-strong: #7ee787;
  --color-accent-contrast: #04201c;
  --color-border: #30363d;
  --color-border-strong: #444c56;
  --color-art-light: #ffffff;
  --color-art-ink: #0d1117;

  --radius: 6px;
  --radius-lg: 10px;
  --shadow-card: 0 0 0 1px var(--color-border);
  --shadow-raised: 0 0 0 1px rgba(57, 210, 192, 0.25), 0 12px 32px rgba(0, 0, 0, 0.5);

  --font-heading: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --heading-weight: 600;
  --heading-tracking: 0;
}