/* ==========================================================
   AstraNexo Design System
   Design Tokens
   ========================================================== */

:root {
    /* Brand */
    --an-primary: #635BFF;
    --an-primary-hover: #5148E5;
    --an-primary-active: #4338CA;
    --an-primary-soft: #F0EFFF;

    --an-secondary: #2563EB;
    --an-secondary-hover: #1D4ED8;
    --an-secondary-soft: #EFF6FF;

    /* Status */
    --an-success: #16A34A;
    --an-success-hover: #15803D;
    --an-success-soft: #F0FDF4;

    --an-warning: #D97706;
    --an-warning-hover: #B45309;
    --an-warning-soft: #FFFBEB;

    --an-danger: #DC2626;
    --an-danger-hover: #B91C1C;
    --an-danger-soft: #FEF2F2;

    --an-info: #0284C7;
    --an-info-hover: #0369A1;
    --an-info-soft: #F0F9FF;

    /* Light surfaces */
    --an-bg: #F7F8FC;
    --an-surface: #FFFFFF;
    --an-surface-secondary: #F9FAFB;
    --an-surface-tertiary: #F3F4F6;

    /* Text */
    --an-text: #111827;
    --an-text-secondary: #4B5563;
    --an-text-muted: #9CA3AF;
    --an-text-inverse: #FFFFFF;

    /* Borders */
    --an-border: #E5E7EB;
    --an-border-strong: #D1D5DB;

    /* Sidebar */
    --an-sidebar: #111827;
    --an-sidebar-hover: #1F2937;
    --an-sidebar-active: #635BFF;
    --an-sidebar-text: #D1D5DB;
    --an-sidebar-muted: #9CA3AF;

    /* Typography */
    --an-font:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --an-font-mono:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;

    /* Type scale */
    --an-text-xs: 11px;
    --an-text-sm: 12px;
    --an-text-md: 14px;
    --an-text-lg: 16px;
    --an-text-xl: 20px;
    --an-text-2xl: 26px;
    --an-text-3xl: 32px;

    /* Spacing */
    --an-space-1: 4px;
    --an-space-2: 8px;
    --an-space-3: 12px;
    --an-space-4: 16px;
    --an-space-5: 20px;
    --an-space-6: 24px;
    --an-space-8: 32px;
    --an-space-10: 40px;
    --an-space-12: 48px;

    /* Radius */
    --an-radius-sm: 6px;
    --an-radius-md: 10px;
    --an-radius-lg: 14px;
    --an-radius-xl: 18px;
    --an-radius-pill: 999px;

    /* Shadows */
    --an-shadow-xs:
        0 1px 2px rgba(15, 23, 42, 0.04);

    --an-shadow-sm:
        0 1px 3px rgba(15, 23, 42, 0.08),
        0 1px 2px rgba(15, 23, 42, 0.04);

    --an-shadow-md:
        0 8px 24px rgba(15, 23, 42, 0.08);

    --an-shadow-lg:
        0 18px 48px rgba(15, 23, 42, 0.12);

    /* Layout */
    --an-sidebar-width: 260px;
    --an-header-height: 72px;
    --an-content-max: 1440px;

    /* Motion */
    --an-transition-fast: 140ms ease;
    --an-transition: 200ms ease;
    --an-transition-slow: 300ms ease;

    color-scheme: light;
}


[data-theme="dark"] {
    --an-bg: #0B0F19;
    --an-surface: #111827;
    --an-surface-secondary: #182131;
    --an-surface-tertiary: #202B3C;

    --an-text: #F9FAFB;
    --an-text-secondary: #CBD5E1;
    --an-text-muted: #94A3B8;

    --an-border: #263244;
    --an-border-strong: #334155;

    --an-primary-soft: rgba(99, 91, 255, 0.14);
    --an-secondary-soft: rgba(37, 99, 235, 0.14);

    --an-success-soft: rgba(22, 163, 74, 0.14);
    --an-warning-soft: rgba(217, 119, 6, 0.14);
    --an-danger-soft: rgba(220, 38, 38, 0.14);
    --an-info-soft: rgba(2, 132, 199, 0.14);

    --an-sidebar: #080B12;
    --an-sidebar-hover: #151B27;

    --an-shadow-xs:
        0 1px 2px rgba(0, 0, 0, 0.18);

    --an-shadow-sm:
        0 2px 8px rgba(0, 0, 0, 0.24);

    --an-shadow-md:
        0 10px 30px rgba(0, 0, 0, 0.28);

    --an-shadow-lg:
        0 20px 60px rgba(0, 0, 0, 0.34);

    color-scheme: dark;
}