/* AUTO-GENERATED from design/tokens.json by scripts/gen-tokens.mjs — DO NOT EDIT BY HAND.
   Linked BEFORE theme.css in App.razor; theme.css consumes these vars. */

:root {
    --mzn-primary-color: #8F00E0;
    --mzn-accent-personal: #7C5CFF;
    --mzn-grad-cta: linear-gradient(80.75deg, #D155FF 4.6%, #B532F2 17%, #8F00E0 60%, #A08CFF 100%);
    --mzn-grad-hero: linear-gradient(135deg, #2D0060 0%, #5A0099 40%, #8F00E0 100%);
    --mzn-grad-onboarding: linear-gradient(160deg, #2D0060 0%, #5A0099 30%, #8F00E0 65%, #B532F2 100%);
    --mzn-surface: #FFFFFF;
    --mzn-border: rgba(0, 0, 0, 0.1);
    --mzn-mono: 'Fira Code', 'Consolas', 'Courier New', monospace;
    --mzn-text-label: #64748B;
    --mzn-radius-card: 12px;
    --mzn-radius-customer: 18px;
    --mizan-border-strong: #E1DCEB;
    --mizan-surface-2: #F5F3FF;
    --mizan-text: #1B1C39;
    --mizan-text-muted: #5B5573;
    --mizan-text-dim: #9089A5;
    --mizan-success: #10B981;
    --mizan-grad-violet: linear-gradient(135deg, #8F00E0 0%, #D155FF 100%);
    --mizan-ink-primary: #0F0A24;
    --mizan-ink-secondary: #5B5573;
    --mizan-ink-tertiary: #A08CFF;
    --mzn-royal-purple: #8F00E0;
    --mzn-orchid: #D155FF;
    --mzn-dark-lavender: #A08CFF;
    --mzn-light-lavender: #C6BAFF;
    --mzn-purple-vibrant: #8F00E0;
    --mzn-purple-deep: #6B00A8;
    --mzn-purple-bright: #D155FF;
    --mzn-purple-soft: #A08CFF;
    --mzn-purple-glow: #C6BAFF;
    --mzn-lavender-card: #EEE5F8;
    --mzn-lavender-mid: #D2C1EE;
    --mzn-lavender-edge: #E9E1F9;
    --mzn-success: #10B981;
    --mzn-success-bg: #D1FAE5;
    --mzn-warning: #F59E0B;
    --mzn-warning-bg: #FEF3C7;
    --mzn-danger: #EF4444;
    --mzn-danger-bg: #FEE2E2;
    --mzn-info: #3B82F6;
    --mzn-info-bg: #DBEAFE;
    --mzn-glass-bg: rgba(255, 255, 255, 0.72);
    --mzn-glass-border: rgba(255, 255, 255, 0.5);
    --mzn-glass-blur: 30px;
    --mzn-glass-shadow: 0 20px 60px rgba(27, 28, 57, 0.18);
}

[data-theme="dark"] {
    --mzn-lavender-card: #1B1C39;
    --mzn-lavender-mid: #252748;
    --mzn-lavender-edge: #2D2F56;
    --mzn-success-bg: rgba(16, 185, 129, 0.12);
    --mzn-warning-bg: rgba(245, 158, 11,  0.12);
    --mzn-danger-bg: rgba(239, 68, 68,   0.12);
    --mzn-info-bg: rgba(59, 130, 246,  0.12);
    --mzn-surface: #1B1C39;
    --mzn-border: rgba(255, 255, 255, 0.08);
    --mizan-border-strong: rgba(255, 255, 255, 0.12);
    --mizan-surface-2: #111130;
    --mizan-text: #F4F4F7;
    --mizan-text-muted: #9CA0BD;
    --mizan-text-dim: #6D6E8A;
    --mizan-ink-primary: #F4F4F7;
    --mizan-ink-secondary: #9CA0BD;
    --mizan-ink-tertiary: #C6BAFF;
    --mzn-glass-bg: rgba(27, 28, 57, 0.55);
    --mzn-glass-border: rgba(255, 255, 255, 0.08);
    --mzn-glass-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

/* Shared fluid type scale (rec #5) — from tokens.json type.scale. */
.mzn-t-display { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; }
.mzn-t-h1 { font-size: clamp(1.6rem, 3.5vw, 2.25rem); font-weight: 700; letter-spacing: -0.015em; line-height: 1.15; }
.mzn-t-h2 { font-size: clamp(1.35rem, 2.5vw, 1.75rem); font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; }
.mzn-t-h3 { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.005em; line-height: 1.25; }
.mzn-t-h4 { font-size: 1.125rem; font-weight: 600; letter-spacing: 0; line-height: 1.3; }
.mzn-t-body { font-size: 0.9375rem; font-weight: 400; letter-spacing: 0; line-height: 1.55; }
.mzn-t-small { font-size: 0.8125rem; font-weight: 400; letter-spacing: 0; line-height: 1.5; }
.mzn-t-caption { font-size: 0.75rem; font-weight: 500; letter-spacing: 0; line-height: 1.4; }
.mzn-t-overline { font-size: 0.625rem; font-weight: 700; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; }