/* ==========================================================================
   TroughDrain.ca — Design tokens
   LOCKED. Consumed by public/css/main.css and public/css/ai-components.css.
   Tokens align with /_internal/strategy/design-philosophy.md.
   ========================================================================== */

:root {
    /* Colors — navy + orange (CTA only) + blue (links) */
    --c-primary: #0E2A47;
    --c-primary-dark: #091B30;
    --c-accent: #E85A1F;
    --c-accent-hover: #C94A15;
    --c-link: #1F77E0;
    --c-link-hover: #1660B8;
    --c-surface: #FFFFFF;
    --c-surface-alt: #F5F7FA;
    --c-text: #0E1726;
    --c-text-soft: #475467;
    --c-text-inverse: #FFFFFF;
    --c-border: #E2E8F0;
    --c-border-strong: #CBD5E1;
    --c-success: #1A8754;
    --c-warn: #D97706;
    --c-error: #C8332B;

    /* Template-conformant aliases */
    --color-primary: var(--c-primary);
    --color-ink: var(--c-text);
    --color-bg: var(--c-surface);
    --color-muted: var(--c-text-soft);

    /* Spacing scale (8px base) */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 16px;
    --s-4: 24px;
    --s-5: 32px;
    --s-6: 48px;
    --s-7: 64px;
    --s-8: 96px;
    --s-9: 128px;
    --space-1: var(--s-1);
    --space-2: var(--s-2);
    --space-3: var(--s-3);
    --space-4: var(--s-4);
    --space-5: var(--s-5);
    --space-6: var(--s-6);
    --space-7: var(--s-7);
    --space-8: var(--s-8);

    /* Type */
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --font-body: var(--font-sans);
    --font-heading: var(--font-sans);

    /* Layout */
    --container-max: 1200px;
    --container-px: 48px;

    /* Radii */
    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 12px;
    --radius-card: var(--r-md);
    --radius-button: var(--r-sm);

    /* Shadow */
    --shadow-sm: 0 1px 2px rgba(14, 23, 38, 0.04);
    --shadow-md: 0 4px 12px rgba(14, 23, 38, 0.06);

    /* Motion */
    --t-fast: 120ms ease-out;
    --t-med: 220ms ease-out;
}