/* ==========================================================================
   HilSec - Design tokens (palette, typography, layout, transitions)
   ========================================================================== */

:root {
    /* Palette */
    --color-navy-deep: #00040a;
    --color-navy: #001820;
    --color-navy-light: #003545;
    --color-blue: #0a2f52;
    --color-electric-blue: #2b7fff;
    --color-cyan: #00fff3;
    --color-cyan-dim: #0ff3e0;
    --color-white: #ffffff;
    --color-gray-light: #c7d4d9;
    --color-gray: #8ba0a8;
    --color-gray-dark: #1a2a2f;
    --color-success: #22c55e;
    --color-danger: #ef4444;

    /* Surfaces */
    --surface-glass: rgba(0, 53, 69, 0.35);
    --surface-glass-strong: rgba(0, 24, 32, 0.65);
    --border-glass: rgba(0, 255, 243, 0.15);

    /* Typography */
    --font-heading: 'Space Grotesk', 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Layout */
    --max-width: 1280px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --transition-fast: 0.2s ease;
    --transition-med: 0.4s ease;
}