/* Theme variable definitions for sifirhipotezi.com. */

html.theme-archival {
  --bg: #f5f0e8;
  --bg-elevated: #ede6d6;
  --bg-surface: #e4d9c4;
  --bg-alt: var(--bg-surface);
  --ink: #1a1410;
  --text: var(--ink);
  --ink-2: #3d3028;
  --ink-muted: #7a6a5a;
  --muted: var(--ink-muted);
  --text-muted: var(--ink-muted);
  --border: #c8bca8;
  --border-2: #ddd5c4;
  --line: var(--border-2);
  --accent: #8b2020;
  --accent-dim: rgba(139, 32, 32, 0.08);
  --accent-2: rgba(139, 32, 32, 0.25);
  --accent-b: #9a7b3a;
  --accent-b-dim: rgba(154, 123, 58, 0.1);
  --ok: #3a6b3a;
  --ok-dim: rgba(58, 107, 58, 0.1);
  --warn: #9a7b3a;
  --warn-dim: rgba(154, 123, 58, 0.1);
  --danger: #8b2020;
  --red: var(--danger);
  --danger-dim: rgba(139, 32, 32, 0.08);
  --info: #2a4a7a;
  --info-dim: rgba(42, 74, 122, 0.1);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-display-sc: "Cormorant SC", Georgia, serif;
  --font-body: "EB Garamond", Georgia, serif;
  --font-ui: "IBM Plex Mono", monospace;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 1.1rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.5rem;
  --text-hero: clamp(2.5rem, 5vw, 4.5rem);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --radius: var(--radius-md);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --nav-bg: #1a1410;
  --nav-height: 52px;
  --nav-border: rgba(255, 255, 255, 0.1);
  --nav-text: rgba(245, 240, 232, 0.45);
  --nav-text-active: #f5f0e8;
  --nav-active-bg: rgba(139, 32, 32, 0.35);
  --card-bg: var(--bg);
  --paper: var(--bg);
  --surface: var(--bg-elevated);
  --surface-raised: var(--bg-elevated);
  --card-bg-hover: var(--bg-elevated);
  --card-border: 1px solid var(--border);
  --card-padding: 1.75rem 1.5rem;
  --btn-primary-bg: var(--ink);
  --btn-primary-text: var(--bg);
  --btn-primary-hover-bg: var(--accent);
  --btn-ghost-border: 1px solid var(--border);
  --btn-ghost-text: var(--ink-muted);
  --btn-ghost-hover-border: 1px solid var(--ink);
  --btn-ghost-hover-text: var(--ink);
  --input-bg: transparent;
  --input-border: 1px solid var(--border);
  --input-border-focus: 1px solid var(--ink);
  --input-text: var(--ink);
  --input-placeholder: var(--ink-muted);
  --tag-converted-bg: var(--accent-dim);
  --tag-converted-text: var(--accent);
  --tag-converted-border: 1px solid rgba(139, 32, 32, 0.3);
  --tag-neutral-bg: transparent;
  --tag-neutral-text: var(--ink-muted);
  --tag-neutral-border: 1px solid var(--border);
  --link-color: var(--accent);
  --link-hover: var(--ink);
  --chart-primary: #8b2020;
  --chart-secondary: #9a7b3a;
  --chart-tertiary: #2a4a7a;
  --chart-neutral: #7a6a5a;
  --chart-grid: rgba(200, 188, 168, 0.4);
  --chart-tick: #7a6a5a;
  --gaussian-fill-left: rgba(139, 32, 32, 0.22);
  --gaussian-fill-right: rgba(200, 188, 168, 0.06);
  --gaussian-line: rgba(139, 32, 32, 0.5);
  --gaussian-marker: #8b2020;
  --gaussian-marker-stroke: #f5f0e8;
  --section-label-transform: uppercase;
  --section-label-spacing: 0.3em;
  --section-label-font: var(--font-ui);
}

html.theme-nordic {
  --bg: #fafaf8;
  --bg-elevated: #f2f1ed;
  --bg-surface: #e8e6e0;
  --bg-alt: var(--bg-surface);
  --ink: #1c1c1a;
  --text: var(--ink);
  --ink-2: #4a4a46;
  --ink-muted: #8a8a84;
  --muted: var(--ink-muted);
  --text-muted: var(--ink-muted);
  --border: #e0dfd8;
  --border-2: #d0cfc8;
  --line: var(--border-2);
  --accent: #4a7c6f;
  --accent-dim: rgba(74, 124, 111, 0.12);
  --accent-2: rgba(74, 124, 111, 0.25);
  --accent-b: #c4622a;
  --accent-b-dim: rgba(196, 98, 42, 0.1);
  --ok: #4a7c6f;
  --ok-dim: rgba(74, 124, 111, 0.12);
  --warn: #c4622a;
  --warn-dim: rgba(196, 98, 42, 0.1);
  --danger: #b54040;
  --red: var(--danger);
  --danger-dim: rgba(181, 64, 64, 0.1);
  --info: #3d5a73;
  --info-dim: rgba(61, 90, 115, 0.1);
  --font-display: "DM Serif Display", Georgia, serif;
  --font-display-sc: "DM Serif Display", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-ui: "DM Mono", monospace;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 1.05rem;
  --text-xl: 1.2rem;
  --text-2xl: 1.65rem;
  --text-3xl: 2.2rem;
  --text-hero: clamp(2.2rem, 5vw, 3.8rem);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 100px;
  --radius: var(--radius-md);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.07);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08);
  --nav-bg: var(--bg);
  --nav-height: 60px;
  --nav-border: var(--border);
  --nav-text: var(--ink-muted);
  --nav-text-active: var(--accent);
  --nav-active-bg: transparent;
  --card-bg: var(--bg);
  --paper: var(--bg);
  --surface: var(--bg-elevated);
  --surface-raised: var(--bg-elevated);
  --card-bg-hover: var(--bg-elevated);
  --card-border: 1px solid var(--border);
  --card-padding: 1.5rem;
  --btn-primary-bg: var(--accent);
  --btn-primary-text: white;
  --btn-primary-hover-bg: #3d6b5f;
  --btn-ghost-border: 1px solid var(--border);
  --btn-ghost-text: var(--ink-muted);
  --btn-ghost-hover-border: 1px solid var(--accent);
  --btn-ghost-hover-text: var(--accent);
  --input-bg: var(--bg);
  --input-border: 1px solid var(--border);
  --input-border-focus: 1px solid var(--accent);
  --input-text: var(--ink);
  --input-placeholder: var(--ink-muted);
  --tag-converted-bg: var(--accent-dim);
  --tag-converted-text: var(--accent);
  --tag-converted-border: 1px solid rgba(74, 124, 111, 0.2);
  --tag-neutral-bg: var(--bg-elevated);
  --tag-neutral-text: var(--ink-muted);
  --tag-neutral-border: 1px solid var(--border);
  --link-color: var(--accent);
  --link-hover: var(--ink);
  --chart-primary: #4a7c6f;
  --chart-secondary: #3d5a73;
  --chart-tertiary: #c4622a;
  --chart-neutral: #8a8a84;
  --chart-grid: rgba(200, 200, 195, 0.45);
  --chart-tick: #8a8a84;
  --gaussian-fill-left: rgba(74, 124, 111, 0.2);
  --gaussian-fill-right: rgba(200, 200, 195, 0.06);
  --gaussian-line: rgba(74, 124, 111, 0.5);
  --gaussian-marker: #4a7c6f;
  --gaussian-marker-stroke: #fafaf8;
  --section-label-transform: uppercase;
  --section-label-spacing: 0.2em;
  --section-label-font: var(--font-ui);
}

html.theme-nordic-dark {
  --bg: #0d1117;
  --bg-elevated: #161b22;
  --bg-surface: #21262d;
  --bg-alt: var(--bg-surface);
  --ink: #e6edf3;
  --text: var(--ink);
  --ink-2: #c9d1d9;
  --ink-muted: #8b949e;
  --muted: var(--ink-muted);
  --text-muted: var(--ink-muted);
  --border: #30363d;
  --border-2: #21262d;
  --line: var(--border-2);
  --accent: #58a6ff;
  --accent-dim: rgba(88, 166, 255, 0.1);
  --accent-2: rgba(88, 166, 255, 0.2);
  --accent-b: #79c0ff;
  --accent-b-dim: rgba(121, 192, 255, 0.1);
  --ok: #3fb950;
  --ok-dim: rgba(63, 185, 80, 0.15);
  --warn: #d29922;
  --warn-dim: rgba(210, 153, 34, 0.15);
  --danger: #f85149;
  --red: var(--danger);
  --danger-dim: rgba(248, 81, 73, 0.1);
  --info: #388bfd;
  --info-dim: rgba(56, 139, 253, 0.1);
  --font-display: "DM Serif Display", Georgia, serif;
  --font-display-sc: "DM Serif Display", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-ui: "DM Mono", monospace;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 1.05rem;
  --text-xl: 1.2rem;
  --text-2xl: 1.65rem;
  --text-3xl: 2.2rem;
  --text-hero: clamp(2.2rem, 5vw, 3.8rem);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 100px;
  --radius: var(--radius-md);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
  --nav-bg: #161b22;
  --nav-height: 60px;
  --nav-border: #30363d;
  --nav-text: #8b949e;
  --nav-text-active: #58a6ff;
  --nav-active-bg: transparent;
  --card-bg: #161b22;
  --paper: #0d1117;
  --surface: #161b22;
  --surface-raised: #21262d;
  --card-bg-hover: #21262d;
  --card-border: 1px solid #30363d;
  --card-padding: 1.5rem;
  --btn-primary-bg: #58a6ff;
  --btn-primary-text: #0d1117;
  --btn-primary-hover-bg: #79b8ff;
  --btn-ghost-border: 1px solid #30363d;
  --btn-ghost-text: #8b949e;
  --btn-ghost-hover-border: 1px solid #58a6ff;
  --btn-ghost-hover-text: #58a6ff;
  --input-bg: #161b22;
  --input-border: 1px solid #30363d;
  --input-border-focus: 1px solid #58a6ff;
  --input-text: #e6edf3;
  --input-placeholder: #8b949e;
  --tag-converted-bg: rgba(88, 166, 255, 0.1);
  --tag-converted-text: #58a6ff;
  --tag-converted-border: 1px solid rgba(88, 166, 255, 0.2);
  --tag-neutral-bg: #21262d;
  --tag-neutral-text: #8b949e;
  --tag-neutral-border: 1px solid #30363d;
  --link-color: #58a6ff;
  --link-hover: #79b8ff;
  --chart-primary: #58a6ff;
  --chart-secondary: #388bfd;
  --chart-tertiary: #79c0ff;
  --chart-neutral: #8b949e;
  --chart-grid: rgba(48, 54, 61, 0.8);
  --chart-tick: #8b949e;
  --gaussian-fill-left: rgba(88, 166, 255, 0.2);
  --gaussian-fill-right: rgba(48, 54, 61, 0.06);
  --gaussian-line: rgba(88, 166, 255, 0.5);
  --gaussian-marker: #58a6ff;
  --gaussian-marker-stroke: #0d1117;
  --section-label-transform: uppercase;
  --section-label-spacing: 0.2em;
  --section-label-font: var(--font-ui);
}

html.theme-archival-dark {
  --bg: #1a1612;
  --bg-elevated: #211d18;
  --bg-surface: #2c2620;
  --bg-alt: var(--bg-surface);
  --ink: #e8d5b0;
  --text: var(--ink);
  --ink-2: #c8b896;
  --ink-muted: #8a7a63;
  --muted: var(--ink-muted);
  --text-muted: var(--ink-muted);
  --border: #3a3028;
  --border-2: #2c2620;
  --line: var(--border-2);
  --accent: #c9973a;
  --accent-dim: rgba(201, 151, 58, 0.1);
  --accent-2: rgba(201, 151, 58, 0.25);
  --accent-b: #dba94e;
  --accent-b-dim: rgba(219, 169, 78, 0.1);
  --ok: #5a7a3a;
  --ok-dim: rgba(90, 122, 58, 0.15);
  --warn: #c9973a;
  --warn-dim: rgba(201, 151, 58, 0.15);
  --danger: #c0534a;
  --red: var(--danger);
  --danger-dim: rgba(192, 83, 74, 0.1);
  --info: #5a7aa0;
  --info-dim: rgba(90, 122, 160, 0.1);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-display-sc: "Cormorant SC", Georgia, serif;
  --font-body: "EB Garamond", Georgia, serif;
  --font-ui: "IBM Plex Mono", monospace;
  --text-xs: 10px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 1.1rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.5rem;
  --text-hero: clamp(2.5rem, 5vw, 4.5rem);
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-pill: 0px;
  --radius: var(--radius-md);
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --nav-bg: #211d18;
  --nav-height: 52px;
  --nav-border: rgba(255, 255, 255, 0.08);
  --nav-text: rgba(232, 213, 176, 0.4);
  --nav-text-active: #e8d5b0;
  --nav-active-bg: rgba(201, 151, 58, 0.2);
  --card-bg: #211d18;
  --paper: #1a1612;
  --surface: #211d18;
  --surface-raised: #2c2620;
  --card-bg-hover: #2c2620;
  --card-border: 1px solid #3a3028;
  --card-padding: 1.75rem 1.5rem;
  --btn-primary-bg: #e8d5b0;
  --btn-primary-text: #1a1612;
  --btn-primary-hover-bg: #c9973a;
  --btn-ghost-border: 1px solid #3a3028;
  --btn-ghost-text: #8a7a63;
  --btn-ghost-hover-border: 1px solid #e8d5b0;
  --btn-ghost-hover-text: #e8d5b0;
  --input-bg: transparent;
  --input-border: 1px solid #3a3028;
  --input-border-focus: 1px solid #e8d5b0;
  --input-text: #e8d5b0;
  --input-placeholder: #8a7a63;
  --tag-converted-bg: rgba(201, 151, 58, 0.1);
  --tag-converted-text: #c9973a;
  --tag-converted-border: 1px solid rgba(201, 151, 58, 0.3);
  --tag-neutral-bg: transparent;
  --tag-neutral-text: #8a7a63;
  --tag-neutral-border: 1px solid #3a3028;
  --link-color: #c9973a;
  --link-hover: #e8d5b0;
  --chart-primary: #c9973a;
  --chart-secondary: #dba94e;
  --chart-tertiary: #5a7aa0;
  --chart-neutral: #8a7a63;
  --chart-grid: rgba(58, 48, 40, 0.8);
  --chart-tick: #8a7a63;
  --gaussian-fill-left: rgba(201, 151, 58, 0.22);
  --gaussian-fill-right: rgba(58, 48, 40, 0.06);
  --gaussian-line: rgba(201, 151, 58, 0.5);
  --gaussian-marker: #c9973a;
  --gaussian-marker-stroke: #1a1612;
  --section-label-transform: uppercase;
  --section-label-spacing: 0.3em;
  --section-label-font: var(--font-ui);
}