/* Fritzlar Workspace theme overrides.
   Switch by setting body[data-fw-theme="..."] in the header theme links. */

body[data-fw-theme="navy-gold"] {
  --ak-color-bg: #06101d;
  --ak-color-primary: var(--fw-primary);
  --ak-color-secondary: var(--fw-primary-strong);
  --ak-color-accent: var(--fw-accent);
  --fw-canvas-base: #06101d;
  --fw-canvas-glow: rgba(214, 181, 106, 0.16);
  --fw-canvas-accent: rgba(127, 183, 255, 0.10);
  --fw-bg: #07111f;
  --fw-bg-elevated: #0d1b2f;
  --fw-surface: #0f1f35;
  --fw-surface-soft: #132844;
  --fw-border: rgba(255, 255, 255, 0.10);
  --fw-text: #f4f7fb;
  --fw-text-muted: rgba(244, 247, 251, 0.72);
  --fw-primary: #d6b56a;
  --fw-primary-strong: #f0cf84;
  --fw-accent: #7fb7ff;
  --fw-success: #78c78a;
}

body[data-fw-theme="slate-teal"] {
  --ak-color-bg: #061419;
  --ak-color-primary: var(--fw-primary);
  --ak-color-secondary: var(--fw-primary-strong);
  --ak-color-accent: var(--fw-accent);
  --fw-canvas-base: #061419;
  --fw-canvas-glow: rgba(123, 213, 198, 0.16);
  --fw-canvas-accent: rgba(182, 195, 212, 0.08);
  --fw-bg: #07161a;
  --fw-bg-elevated: #0d2227;
  --fw-surface: #102a30;
  --fw-surface-soft: #14353d;
  --fw-border: rgba(166, 207, 214, 0.14);
  --fw-text: #f2fbfc;
  --fw-text-muted: rgba(242, 251, 252, 0.72);
  --fw-primary: #7bd5c6;
  --fw-primary-strong: #a3eadf;
  --fw-accent: #b6c3d4;
  --fw-success: #84d0a2;
}

body[data-fw-theme="charcoal-amber"] {
  --ak-color-bg: #0d0f12;
  --ak-color-primary: var(--fw-primary);
  --ak-color-secondary: var(--fw-primary-strong);
  --ak-color-accent: var(--fw-accent);
  --fw-canvas-base: #0d0f12;
  --fw-canvas-glow: rgba(215, 162, 74, 0.14);
  --fw-canvas-accent: rgba(143, 159, 179, 0.08);
  --fw-bg: #101214;
  --fw-bg-elevated: #181b1f;
  --fw-surface: #1d2126;
  --fw-surface-soft: #232830;
  --fw-border: rgba(255, 255, 255, 0.08);
  --fw-text: #f7f3ec;
  --fw-text-muted: rgba(247, 243, 236, 0.70);
  --fw-primary: #d7a24a;
  --fw-primary-strong: #f0bf6b;
  --fw-accent: #8f9fb3;
  --fw-success: #7cc58d;
}

body[data-fw-theme="midnight-green"] {
  --ak-color-bg: #05100d;
  --ak-color-primary: var(--fw-primary);
  --ak-color-secondary: var(--fw-primary-strong);
  --ak-color-accent: var(--fw-accent);
  --fw-canvas-base: #05100d;
  --fw-canvas-glow: rgba(143, 218, 170, 0.15);
  --fw-canvas-accent: rgba(121, 185, 255, 0.08);
  --fw-bg: #06110d;
  --fw-bg-elevated: #0c1915;
  --fw-surface: #10211b;
  --fw-surface-soft: #143027;
  --fw-border: rgba(148, 210, 181, 0.12);
  --fw-text: #f2fbf6;
  --fw-text-muted: rgba(242, 251, 246, 0.72);
  --fw-primary: #8fdaaa;
  --fw-primary-strong: #b0f0c4;
  --fw-accent: #79b9ff;
  --fw-success: #96e2b3;
}

body[data-fw-theme="mist-blue"] {
  --ak-color-bg: #f7fbff;
  --ak-color-primary: var(--fw-primary);
  --ak-color-secondary: var(--fw-primary-strong);
  --ak-color-accent: var(--fw-accent);
  --fw-canvas-base: #f7fbff;
  --fw-canvas-glow: rgba(122, 184, 216, 0.16);
  --fw-canvas-accent: rgba(75, 120, 194, 0.08);
  --fw-bg: #eef4fb;
  --fw-bg-elevated: #ffffff;
  --fw-surface: #ffffff;
  --fw-surface-soft: #f6f9fd;
  --fw-border: rgba(92, 117, 152, 0.14);
  --fw-text: #172338;
  --fw-text-muted: rgba(23, 35, 56, 0.68);
  --fw-primary: #4b78c2;
  --fw-primary-strong: #2f5da9;
  --fw-accent: #7ab8d8;
  --fw-success: #2f8f6d;
}

body[data-fw-theme="sand-cream"] {
  --ak-color-bg: #fffcf8;
  --ak-color-primary: var(--fw-primary);
  --ak-color-secondary: var(--fw-primary-strong);
  --ak-color-accent: var(--fw-accent);
  --fw-canvas-base: #fffcf8;
  --fw-canvas-glow: rgba(176, 122, 59, 0.14);
  --fw-canvas-accent: rgba(154, 168, 184, 0.08);
  --fw-bg: #f7f1e8;
  --fw-bg-elevated: #fffaf2;
  --fw-surface: #fffdf8;
  --fw-surface-soft: #f5ecdd;
  --fw-border: rgba(139, 108, 73, 0.14);
  --fw-text: #2b2118;
  --fw-text-muted: rgba(43, 33, 24, 0.68);
  --fw-primary: #b07a3b;
  --fw-primary-strong: #8a592a;
  --fw-accent: #9aa8b8;
  --fw-success: #4e8c6c;
}

html,
body {
  background-color: var(--ak-color-bg);
  background-image:
    radial-gradient(circle at 18% 14%, var(--fw-canvas-glow), transparent 30%),
    radial-gradient(circle at 82% 10%, var(--fw-canvas-accent), transparent 24%),
    linear-gradient(180deg, color-mix(in srgb, var(--ak-color-bg) 96%, #000000) 0%, var(--fw-bg) 42%, color-mix(in srgb, var(--fw-bg) 88%, #050a12) 100%);
  color: var(--fw-text);
}

body {
  color: var(--fw-text);
  min-height: 100vh;
  background-attachment: fixed;
}

main.ak-main {
  background: transparent;
}

.ak-header,
.ak-footer {
  background-color: color-mix(in srgb, var(--fw-bg) 72%, transparent);
  backdrop-filter: blur(18px);
  border-color: var(--fw-border);
}

.ak-header.ak-header-scrolled {
  background-color: color-mix(in srgb, var(--fw-bg) 88%, transparent);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
}

.ak-card,
.ak-card-elevated,
.ak-card-glass,
.ak-card-hover-lift,
.ak-card-hover-border {
  background-color: color-mix(in srgb, var(--fw-surface) 82%, transparent);
  border-color: var(--fw-border);
  color: var(--fw-text);
}

.ak-card-description,
.ak-text-muted {
  color: var(--fw-text-muted);
}

.ak-input,
.ak-select,
.ak-textarea {
  background-color: var(--fw-surface);
  color: var(--fw-text);
  border-color: var(--fw-border);
}

.ak-input::placeholder,
.ak-textarea::placeholder {
  color: color-mix(in srgb, var(--fw-text) 45%, transparent);
}

.ak-input:focus,
.ak-select:focus,
.ak-textarea:focus {
  border-color: var(--fw-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fw-primary) 18%, transparent);
}

.ak-btn-gradient-primary {
  background: linear-gradient(135deg, var(--fw-primary) 0%, var(--fw-primary-strong) 100%);
  color: #10131a;
}

.ak-btn-gradient-primary:hover {
  filter: brightness(1.04);
}

.ak-btn-glass,
.ak-btn-elevated {
  background-color: rgba(255, 255, 255, 0.06);
  color: var(--fw-text);
  border-color: var(--fw-border);
}

.ak-btn-elevated:hover,
.ak-btn-glass:hover {
  background-color: rgba(255, 255, 255, 0.10);
}

.ak-btn,
a {
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

a {
  color: var(--fw-primary-strong);
}

a:hover {
  color: var(--fw-primary);
}

.ak-badge-primary,
.ak-badge-soft-primary,
.ak-badge-soft-accent {
  background-color: color-mix(in srgb, var(--fw-primary) 14%, transparent);
  color: var(--fw-primary-strong);
  border-color: color-mix(in srgb, var(--fw-primary) 25%, transparent);
}

.ak-border-primary {
  border-color: color-mix(in srgb, var(--fw-primary) 45%, transparent);
}

.ak-alert {
  background-color: color-mix(in srgb, var(--fw-primary) 12%, transparent);
  color: var(--fw-text);
  border-color: color-mix(in srgb, var(--fw-primary) 22%, transparent);
}

.ak-alert-success {
  background-color: color-mix(in srgb, var(--fw-success) 12%, transparent);
  border-color: color-mix(in srgb, var(--fw-success) 22%, transparent);
}

.ak-theme-dark {
  background-color: transparent;
}

.ak-footer-nav,
.ak-footer-nav-item {
  background-color: color-mix(in srgb, var(--fw-bg) 92%, transparent);
  color: var(--fw-text);
}

.ak-footer-nav-item:hover {
  color: var(--fw-primary-strong);
}

.ak-hero {
  border: 1px solid var(--fw-border);
  background:
    radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--fw-primary) 16%, transparent), transparent 25%),
    radial-gradient(circle at 85% 25%, color-mix(in srgb, var(--fw-accent) 10%, transparent), transparent 22%),
    linear-gradient(180deg, color-mix(in srgb, var(--fw-surface-soft) 92%, transparent), color-mix(in srgb, var(--fw-bg) 96%, transparent));
}

.ak-header a[href*="/theme/"] {
  color: var(--fw-text-muted);
  font-weight: 600;
}

.ak-header a[href*="/theme/"]:hover {
  color: var(--fw-primary-strong);
}

body[data-fw-theme="mist-blue"] .ak-btn-gradient-primary,
body[data-fw-theme="sand-cream"] .ak-btn-gradient-primary {
  color: #ffffff;
}

body[data-fw-theme="mist-blue"] .ak-header,
body[data-fw-theme="mist-blue"] .ak-footer,
body[data-fw-theme="sand-cream"] .ak-header,
body[data-fw-theme="sand-cream"] .ak-footer {
  background-color: color-mix(in srgb, var(--fw-bg) 84%, transparent);
}

body[data-fw-theme="mist-blue"] .ak-header.ak-header-scrolled,
body[data-fw-theme="sand-cream"] .ak-header.ak-header-scrolled {
  background-color: color-mix(in srgb, var(--fw-bg) 94%, transparent);
  box-shadow: 0 12px 34px rgba(17, 35, 56, 0.10);
}

body[data-fw-theme="mist-blue"] {
  background:
    radial-gradient(circle at 18% 10%, rgba(122, 184, 216, 0.18), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(75, 120, 194, 0.10), transparent 22%),
    linear-gradient(180deg, #f7fbff 0%, #eef4fb 48%, #e6edf7 100%);
}

body[data-fw-theme="sand-cream"] {
  background:
    radial-gradient(circle at 18% 10%, rgba(176, 122, 59, 0.14), transparent 28%),
    radial-gradient(circle at 82% 8%, rgba(154, 168, 184, 0.08), transparent 22%),
    linear-gradient(180deg, #fffcf8 0%, #f7f1e8 48%, #efe4d4 100%);
}