:root {
    /* =========================
       COLOR SYSTEM
    ========================= */
    --ssh-color-bg-main: #020b23;
    --ssh-color-bg-soft: #08132f;
    --ssh-color-surface: rgba(13, 23, 49, 0.86);
    --ssh-color-surface-strong: rgba(10, 18, 41, 0.96);
    --ssh-color-surface-hover: rgba(20, 33, 69, 0.90);

    --ssh-color-text: #f8fafc;
    --ssh-color-text-soft: rgba(232, 238, 250, 0.78);
    --ssh-color-text-muted: rgba(184, 193, 214, 0.60);

    --ssh-color-border: rgba(255, 255, 255, 0.06);
    --ssh-color-border-soft: rgba(255, 255, 255, 0.08);
    --ssh-color-border-accent: rgb(84, 195, 175);

    --ssh-color-primary-blue: #5e86ea;
    --ssh-color-primary-teal: #68d3c4;
    --ssh-color-accent: rgb(84, 195, 175);

    --ssh-color-success-bg: rgba(16, 68, 57, 0.78);
    --ssh-color-success-text: rgb(84, 195, 175);
    --ssh-color-warning-bg: rgba(71, 56, 20, 0.72);
    --ssh-color-warning-text: #f0b64c;
    --ssh-color-error-bg: rgba(77, 32, 39, 0.72);
    --ssh-color-error-text: #ef7d88;

    --ssh-gradient-primary: linear-gradient(90deg, #5e86ea 0%, #68d3c4 100%);
    --ssh-gradient-surface: linear-gradient(180deg, rgba(13, 23, 49, 0.86) 0%, rgba(10, 18, 41, 0.92) 100%);
    --ssh-gradient-surface-strong: linear-gradient(180deg, rgba(13, 23, 49, 0.90) 0%, rgba(10, 18, 41, 0.96) 100%);
    --ssh-gradient-surface-hover: linear-gradient(180deg, rgba(17, 33, 60, 0.92) 0%, rgba(13, 26, 49, 0.96) 100%);
    --ssh-gradient-accent-soft: linear-gradient(90deg, rgba(16, 41, 55, 0.96) 0%, rgba(14, 39, 52, 0.96) 100%);

    /* =========================
       TYPOGRAPHY
    ========================= */
    --ssh-font-family-base: inherit;

    --ssh-font-size-h1: 3.75rem;
    --ssh-line-height-h1: 1;
    --ssh-font-weight-h1: 800;

    --ssh-font-size-h2: 2rem;
    --ssh-line-height-h2: 1.1;
    --ssh-font-weight-h2: 700;

    --ssh-font-size-h3: 1.125rem;
    --ssh-line-height-h3: 1.75rem;
    --ssh-font-weight-h3: 600;

    --ssh-font-size-body: 0.875rem;
    --ssh-line-height-body: 1.625;
    --ssh-font-weight-body: 400;

    --ssh-font-size-subtext: 1.25rem;
    --ssh-line-height-subtext: 1.625;
    --ssh-font-weight-subtext: 400;

    --ssh-letter-spacing-tight: -0.04em;
    --ssh-letter-spacing-medium: -0.03em;
    --ssh-letter-spacing-soft: -0.02em;

    /* =========================
       SPACING
    ========================= */
    --ssh-space-1: 0.25rem;
    --ssh-space-2: 0.5rem;
    --ssh-space-3: 0.75rem;
    --ssh-space-4: 1rem;
    --ssh-space-5: 1.25rem;
    --ssh-space-6: 1.5rem;
    --ssh-space-7: 1.75rem;
    --ssh-space-8: 2rem;
    --ssh-space-10: 2.5rem;
    --ssh-space-12: 3rem;
    --ssh-space-14: 3.5rem;
    --ssh-space-16: 4rem;
    --ssh-space-20: 5rem;

    /* =========================
       RADII
    ========================= */
    --ssh-radius-sm: 12px;
    --ssh-radius-md: 18px;
    --ssh-radius-lg: 24px;
    --ssh-radius-xl: 28px;
    --ssh-radius-2xl: 32px;
    --ssh-radius-pill: 999px;

    /* =========================
       SHADOWS / GLOW
    ========================= */
    --ssh-shadow-card: 0 30px 80px rgba(0, 0, 0, 0.34);
    --ssh-shadow-button: 0 14px 34px rgba(20, 58, 137, 0.34), 0 0 34px rgba(56, 114, 255, 0.16);
    --ssh-shadow-button-hover: 0 20px 44px rgba(20, 58, 137, 0.42), 0 0 42px rgba(104, 211, 196, 0.20);
    --ssh-shadow-glow: 0 0 0 1px rgba(84, 195, 175, 0.22), 0 18px 44px rgba(12, 34, 78, 0.34);
    --ssh-shadow-glow-soft: 0 0 0 1px rgba(84, 195, 175, 0.18), 0 10px 30px rgba(12, 34, 78, 0.26);
    --ssh-shadow-inner: inset 0 1px 0 rgba(255, 255, 255, 0.03);

    /* =========================
       BORDERS
    ========================= */
    --ssh-border-base: 1px solid rgba(255, 255, 255, 0.06);
    --ssh-border-soft: 1px solid rgba(255, 255, 255, 0.08);
    --ssh-border-accent: 1px solid rgb(84, 195, 175);

    /* =========================
       TRANSITIONS
    ========================= */
    --ssh-transition-fast: 0.2s ease;
    --ssh-transition-base: 0.25s ease;
    --ssh-transition-slow: 0.3s ease;

    /* =========================
       LAYOUT
    ========================= */
    --ssh-container-wide: 1240px;
    --ssh-container-base: 1100px;
    --ssh-container-narrow: 780px;
    --ssh-container-auth: 520px;

    --ssh-page-padding-x: 48px;
    --ssh-page-padding-x-mobile: 32px;

    --ssh-header-height: 64px;
    --ssh-button-height: 62px;
    --ssh-input-height: 56px;
    --ssh-option-height: 74px;

    /* =========================
       COMPONENT ALIASES
    ========================= */
    --ssh-card-bg: var(--ssh-gradient-surface);
    --ssh-card-bg-hover: var(--ssh-gradient-surface-hover);
    --ssh-card-border: var(--ssh-border-base);
    --ssh-card-radius: var(--ssh-radius-xl);
    --ssh-card-padding: var(--ssh-space-6);

    --ssh-button-primary-bg: var(--ssh-gradient-primary);
    --ssh-button-primary-color: #ffffff;
    --ssh-button-radius: var(--ssh-radius-pill);

    --ssh-input-bg: var(--ssh-gradient-surface);
    --ssh-input-border: var(--ssh-border-base);
    --ssh-input-radius: var(--ssh-radius-md);

    --ssh-sidebar-item-height: 58px;
    --ssh-sidebar-item-radius: 18px;
}