/* Halden Global Trade - Design System Variables */

:root {
    /* Color Palette */
    --ink: #141c21;
    --muted: #626b70;
    --navy: #111719;
    --blue: #176d89;
    --cyan: #24b9d0;
    --pale: #f1f3f3;
    --line: #dce0e0;
    --white: #ffffff;
    --ocean-bg: #075169;
    --panel-bg: #242b2e;
    --panel-border: #3b4448;
    --panel-hover: #253c44;
    --cta-dark: #17303b;
    --card-bg: #f1f3f3;

    /* Typography */
    --font-primary: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-secondary: 'Manrope', Arial, sans-serif;

    /* Layout & Sizing */
    --container-max-width: 1480px;
    --radius-none: 0px;
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    /* Transitions */
    --transition-fast: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    --transition-smooth: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}