/* ============================================
   AXONIS — Brand Design Tokens
   Extracted from Brand Identity Guide v1.0
   ============================================ */

:root {
    /* ── Core Colors ── */
    --color-carbon:       #0B0F1C;
    --color-navy:         #1A2540;
    --color-blue:         #1E5BFF;
    --color-cyan:         #25D7FF;
    --color-white:        #FFFFFF;
    --color-silver:       #B0B5C1;
    --color-slate:        #7C8596;
    --color-text:         #1A1D2E;
    --color-text-body:    #4A5568;
    --color-border:       #E2E6EF;
    --color-bg:           #F4F6FA;

    /* ── Gradients ── */
    --gradient-dark:      linear-gradient(135deg, #0B0F1C 0%, #1A2540 100%);
    --gradient-accent:    linear-gradient(135deg, #1E5BFF 0%, #25D7FF 100%);
    --gradient-accent-h:  linear-gradient(90deg, #1E5BFF 0%, #25D7FF 100%);

    /* ── Glow / Radials ── */
    --glow-blue:  radial-gradient(circle, rgba(30, 91, 255, 0.15) 0%, transparent 70%);
    --glow-cyan:  radial-gradient(circle, rgba(37, 215, 255, 0.10) 0%, transparent 70%);

    /* ── Typography ── */
    --font-heading:  'Montserrat', Arial, sans-serif;
    --font-body:     'Inter', Arial, sans-serif;

    /* ── Spacing ── */
    --space-xs:   8px;
    --space-sm:   16px;
    --space-md:   24px;
    --space-lg:   40px;
    --space-xl:   60px;
    --space-2xl:  80px;

    /* ── Border Radius ── */
    --radius-sm:  8px;
    --radius-md:  12px;
    --radius-lg:  16px;

    /* ── Shadows ── */
    --shadow-card:   0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-hover:  0 12px 32px rgba(30, 91, 255, 0.15);
    --shadow-btn:    0 4px 16px rgba(30, 91, 255, 0.3);
    --shadow-logo:   0 8px 32px rgba(30, 91, 255, 0.2);

    /* ── Transitions ── */
    --ease-out:  cubic-bezier(0.23, 1, 0.32, 1);
    --duration:  0.3s;

    /* ── Layout ── */
    --max-width:  1200px;
    --nav-height: 72px;
}