/**
 * FITCRM — design tokens (AuthKit / midnight blueprint)
 * Source: 111/DESIGN.md
 */
:root {
    --color-midnight-ink: #05060f;
    --color-graphite-plate: #2f343e;
    --color-steel-border: #3f4959;
    --color-fog: #81899b;
    --color-pebble: #9da7ba;
    --color-moonlight: #c7d3ea;
    --color-ice: #d1e4fa;
    --color-glacier: #d8ecf8;
    --color-frost-link: #b6d9fc;
    --color-electric-iris: #663af3;
    --color-ember: #e46d4c;
    --color-azure: #027dea;
    --color-cipher-mint: #269684;
    --color-white: #ffffff;
    --gradient-blueprint-glow: linear-gradient(0deg, #d8ecf8 0%, #98c0ef 100%);

    --font-untitled-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-aeonikpro: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-dotdigital: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    --text-caption: 12px;
    --leading-caption: 1.5;
    --text-body-sm: 14px;
    --leading-body-sm: 1.43;
    --text-body: 16px;
    --leading-body: 1.5;
    --text-subheading: 18px;
    --leading-subheading: 1.33;
    --text-heading-sm: 24px;
    --leading-heading-sm: 1.2;
    --text-heading: 28px;
    --leading-heading: 1.17;
    --text-display: 48px;
    --leading-display: 1.14;

    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-32: 32px;

    --radius-sm: 2px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 16px;
    --radius-full: 999px;

    --shadow-sm: rgba(186, 207, 247, 0.32) 0px 0px 6px 0px;
    --shadow-md: rgba(238, 186, 247, 0.24) 0px 0px 12px 0px;
    --shadow-subtle: rgba(186, 215, 247, 0.12) 0px 0px 0px 1px inset;
    --shadow-subtle-3: rgba(186, 214, 247, 0.06) 0px 0px 0px 1px inset;
    --shadow-card:
        rgba(199, 211, 234, 0.12) 0px 1px 1px 0px inset,
        rgba(199, 211, 234, 0.05) 0px 24px 48px 0px inset,
        rgba(6, 6, 14, 0.7) 0px 24px 32px 0px;

    --surface-canvas: var(--color-midnight-ink);
    --surface-plate: var(--color-graphite-plate);
    --surface-iris-lift: var(--color-electric-iris);

    /* Bridge to legacy CRM variables */
    --crm-main-loaded: 1;
    --crm-bg: var(--color-midnight-ink);
    --crm-surface: var(--color-graphite-plate);
    --crm-border: var(--color-steel-border);
    --crm-text: var(--color-moonlight);
    --crm-text-muted: var(--color-fog);
    --crm-accent: var(--color-electric-iris);
    --crm-accent-hover: #7a52f5;
    --crm-success: var(--color-cipher-mint);
    --crm-error: var(--color-ember);
    --crm-radius: var(--radius-sm);
    --crm-radius-card: var(--radius-lg);
    --crm-font: var(--font-untitled-sans);
    --crm-heading-font: var(--font-aeonikpro);
    --bg-surface: var(--crm-surface);
    --border-color: var(--crm-border);
    --text-main: var(--crm-text);
    --text-muted: var(--crm-text-muted);
}