/* ==========================================================================
   Glacias Theme — Design Tokens (CSS Custom Properties)
   All visual properties are defined here. Zero hardcoded values elsewhere.
   Override via glacias-core Setup Wizard or child theme.
   ========================================================================== */

:root {
    /* --- Brand Colors --- */
    --glacias-primary: var(--user-primary, #2563eb);
    --glacias-primary-light: var(--user-primary-light, #3b82f6);
    --glacias-primary-dark: var(--user-primary-dark, #1d4ed8);
    --glacias-secondary: var(--user-secondary, #1e293b);
    --glacias-accent: var(--user-accent, #f59e0b);
    --glacias-accent-light: var(--user-accent-light, #fbbf24);

    /* --- Neutral Palette --- */
    --glacias-bg: var(--user-bg, #ffffff);
    --glacias-bg-alt: var(--user-bg-alt, #f8fafc);
    --glacias-bg-muted: var(--user-bg-muted, #f1f5f9);
    --glacias-text: var(--user-text, #1e293b);
    --glacias-text-light: var(--user-text-light, #475569);
    --glacias-text-muted: var(--user-text-muted, #94a3b8);
    --glacias-border: var(--user-border, #e2e8f0);
    --glacias-border-light: var(--user-border-light, #f1f5f9);

    /* --- Semantic Colors --- */
    --glacias-success: var(--user-success, #16a34a);
    --glacias-warning: var(--user-warning, #f59e0b);
    --glacias-error: var(--user-error, #dc2626);
    --glacias-info: var(--user-info, #2563eb);

    /* --- Typography --- */
    --glacias-display-font: var(--user-display-font, 'Inter', sans-serif);
    --glacias-body-font: var(--user-body-font, 'Inter', sans-serif);
    --glacias-mono-font: var(--user-mono-font, 'SF Mono', 'Fira Code', monospace);

    --glacias-fs-xs: 0.75rem;
    --glacias-fs-sm: 0.875rem;
    --glacias-fs-base: 1rem;
    --glacias-fs-lg: 1.125rem;
    --glacias-fs-xl: 1.25rem;
    --glacias-fs-2xl: 1.5rem;
    --glacias-fs-3xl: 1.875rem;
    --glacias-fs-4xl: 2.25rem;

    --glacias-lh-tight: 1.25;
    --glacias-lh-base: 1.75;
    --glacias-lh-relaxed: 1.8;

    --glacias-fw-normal: 400;
    --glacias-fw-medium: 500;
    --glacias-fw-semibold: 600;
    --glacias-fw-bold: 700;
    --glacias-fw-extrabold: 800;

    /* --- Spacing --- */
    --glacias-space-1: 0.25rem;
    --glacias-space-2: 0.5rem;
    --glacias-space-3: 0.75rem;
    --glacias-space-4: 1rem;
    --glacias-space-5: 1.25rem;
    --glacias-space-6: 1.5rem;
    --glacias-space-8: 2rem;
    --glacias-space-10: 2.5rem;
    --glacias-space-12: 3rem;
    --glacias-space-16: 4rem;
    --glacias-space-20: 5rem;

    /* --- Border Radius --- */
    --glacias-radius-sm: var(--user-radius-sm, 4px);
    --glacias-radius-md: var(--user-radius-md, 6px);
    --glacias-radius-lg: var(--user-radius-lg, 8px);
    --glacias-radius-xl: var(--user-radius-xl, 12px);
    --glacias-radius-full: 9999px;

    /* --- Shadows --- */
    --glacias-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --glacias-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --glacias-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.1);
    --glacias-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.12);

    /* --- Transitions --- */
    --glacias-transition: all 0.3s ease;
    --glacias-transition-fast: all 0.15s ease;

    /* --- Layout --- */
    --glacias-max-width: var(--user-max-width, 1200px);
    --glacias-content-width: 800px;
    --glacias-header-height: 64px;
}