/* Dock Optimizer brand design tokens.
   Source of truth: docs/design/DESIGN.md (distilled from the Brand Kit + Component Spec v1.0, June 2026).
   New and touched styles reference these tokens, never raw hex. One green of record: #22A447.
   This sheet defines variables and the brand typeface — it restyles nothing by itself. */

/* Inter — the one brand typeface (self-hosted variable font, latin subset, 48KB,
   no third-party round trip). Weight axis 100-900 covers the full brand scale. */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/fonts/inter/inter-latin-variable.woff2') format('woff2');
}

:root {
    /* Color */
    --color-green: #22A447;     /* Signal Green — primary accent, primary CTA, success */
    --color-green-dk: #107838;  /* hover / pressed; green text on light surfaces */
    --color-green-lt: #73BE5A;  /* accent on dark (ink navy) surfaces */
    --color-ink: #0E1A2B;       /* Ink Navy — dark surfaces, headings */
    --color-body: #485068;      /* body text */
    --color-muted: #9FB0C0;     /* secondary text on dark, placeholders */
    --color-hairline: #E5E7EB;  /* borders, dividers */
    --color-mist: #F2F7F1;      /* green-tint surface */
    --color-cloud: #F7F9FA;     /* neutral card surface */
    --color-alert: #B81818;     /* errors and genuine warnings ONLY */

    /* Type — Poppins stays mid-stack during the migration so legacy explicit
       Poppins rules keep their look until each surface is swept. */
    --font-sans: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

    /* Radius */
    --radius-sm: 6px;   /* inputs, chips */
    --radius-md: 9px;   /* buttons, cards */
    --radius-lg: 16px;  /* panels, modals */

    /* Elevation */
    --shadow-card: 0 1px 2px rgba(14, 26, 43, .05);
    --shadow-pop: 0 8px 30px rgba(14, 26, 43, .14);

    /* Focus */
    --focus-ring: 0 0 0 3px rgba(34, 164, 71, .35);
}