/*
 * Biznopedia design tokens.
 *
 * Same --cdl-* variable contract as cdl-tokens.css with Biznopedia values:
 * navy/blue palette, Inter/Manrope type, a slightly rounder shape language
 * and a soft navy-tinted shadow scale. Exactly one token file is loaded per
 * site profile; the surface sheets only ever read the shared variable names.
 */
:root {
    /* Colour */
    --cdl-canvas: #f6f7fb;
    --cdl-surface: #ffffff;
    --cdl-surface-subtle: #eef1f7;
    --cdl-surface-selected: #eaf0fe;
    --cdl-ink: #101828;
    --cdl-ink-strong: #0b1220;
    --cdl-muted: #667085;
    --cdl-muted-subtle: #98a2b3;
    --cdl-border: #dfe3eb;
    --cdl-border-strong: #c8cfdd;
    --cdl-brand: #1d4ed8;
    --cdl-brand-deep: #12275a;
    --cdl-brand-tint: #eaf0fe;
    --cdl-accent-light: #60a5fa;
    --cdl-hero-grad-start: #12275a;
    --cdl-hero-grad-mid: #1d4ed8;
    --cdl-hero-grad-end: #60a5fa;
    --cdl-information: #175cd3;
    --cdl-information-tint: #eaf2ff;
    --cdl-positive: #087d62;
    --cdl-positive-tint: #e7f6ef;
    --cdl-warning: #a15c07;
    --cdl-warning-tint: #fff4df;
    --cdl-critical: #b42318;
    --cdl-critical-tint: #fff0ef;

    /* Typography */
    --cdl-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cdl-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cdl-font-display: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cdl-text-12: 0.75rem;
    --cdl-text-14: 0.875rem;
    --cdl-text-16: 1rem;
    --cdl-text-18: 1.125rem;
    --cdl-text-20: 1.25rem;
    --cdl-text-24: 1.5rem;
    --cdl-text-32: 2rem;
    --cdl-display: clamp(2.5rem, 5vw, 3.5rem);
    --cdl-leading-tight: 1.12;
    --cdl-leading-body: 1.55;
    --cdl-tracking-caps: 0.08em;

    /* Space, shape and elevation — Biznopedia is a touch airier and rounder */
    --cdl-space-1: 0.25rem;
    --cdl-space-2: 0.5rem;
    --cdl-space-3: 0.75rem;
    --cdl-space-4: 1rem;
    --cdl-space-5: 1.25rem;
    --cdl-space-6: 1.5rem;
    --cdl-space-7: 1.75rem;
    --cdl-space-8: 2rem;
    --cdl-space-9: 2.25rem;
    --cdl-space-10: 2.75rem;
    --cdl-space-12: 3.25rem;
    --cdl-radius-control: 0.75rem;
    --cdl-radius-panel: 1.125rem;
    --cdl-radius-hero: 1.75rem;
    --cdl-radius-pill: 999px;
    --cdl-shadow-panel: 0 1px 2px rgb(18 39 90 / 0.05), 0 2px 6px rgb(18 39 90 / 0.06);
    --cdl-shadow-raised: 0 16px 32px rgb(18 39 90 / 0.12), 0 4px 8px rgb(18 39 90 / 0.05);

    /* Component divergence — Biznopedia speaks a flat design language: keyline
       cards with no elevation and an 8px radius, small-caps eyebrows with an
       underline accent, and a tighter 44px display heading. The shared surface
       sheets consume these; cdl-tokens.css carries the soft counterparts. */
    --cdl-card-elevation: none;
    --cdl-card-border: 1px solid var(--cdl-border);
    --cdl-card-radius: 0.5rem;
    --cdl-eyebrow-transform: none;
    --cdl-eyebrow-variant: all-small-caps;
    --cdl-eyebrow-underline: 2px solid var(--cdl-accent-light);
    --cdl-h1-size: clamp(2.25rem, 4vw, 2.75rem);
    --cdl-h1-tracking: -0.01em;

    /* Motion, layout and interaction */
    --cdl-motion-fast: 140ms;
    --cdl-motion-base: 200ms;
    --cdl-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --cdl-page-max: 80rem;
    --cdl-content-max: 68rem;
    --cdl-workspace-rail-width: 16.5rem;
    --cdl-touch-target: 2.75rem;
    --cdl-z-sticky: 1020;
    --cdl-z-drawer: 1040;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --cdl-motion-fast: 0ms;
        --cdl-motion-base: 0ms;
    }
}