:root {
    color-scheme: light;
    --aaji-red: #ED1C24;
    --aaji-magenta: #D329A3;
    --aaji-orange: #F99300;
    --aaji-green: #589100;
    --aaji-cyan: #00AEEF;
    --aaji-blue: #0057B8 !important;
    --aaji-purple: #9400D4;
    --aaji-ungu: #af2bba;
    --bg-main: #FFFFFF;
    --bg-soft: #F7F8FB;
    --bg-muted: #F0F2F7;
    --surface: #FFFFFF;
    --surface-elevated: rgba(255, 255, 255, 0.88);
    --text-main: #161616;
    --text-muted: #69707A;
    --text-soft: #8A9099;
    --border-soft: rgba(22, 22, 22, 0.10);
    --border-strong: rgba(22, 22, 22, 0.18);
    --gradient-aaji: linear-gradient(135deg, #0B2E59 0%, #0057B8 52%, #00AEEF 100%);
    --gradient-deep: linear-gradient(135deg, #0B2E59 0%, #0057B8 52%, #0074FF 100%);
    --gradient-accent: linear-gradient(135deg, #0057B8 0%, #0074FF 68%, #5B63D3 100%);
    --gradient-warm: linear-gradient(135deg, #8F1420 0%, #ED1C24 100%);
    --gradient-cool: linear-gradient(135deg, #0B2E59 0%, #0074FF 56%, #00AEEF 100%);
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size-body: clamp(0.95rem, 0.35vw + 0.86rem, 1.08rem);
    --font-size-display: clamp(2.55rem, 5.8vw, 6.25rem);
    --font-size-h1: clamp(2.35rem, 4.5vw, 5rem);
    --font-size-h2: clamp(2rem, 3.2vw, 3.6rem);
    --font-size-h3: clamp(1.3rem, 1.7vw, 1.65rem);
    --line-body: 1.7;
    --line-heading: 1.05;
    --container-max: 1320px;
    --section-space: clamp(4.5rem, 8vw, 8rem);
    --section-space-sm: clamp(3rem, 6vw, 5rem);
    --gutter: clamp(1rem, 3vw, 2rem);
    --radius-sm: 0.85rem;
    --radius-md: 1.15rem;
    --radius-card: 1.45rem;
    --radius-lg: 2rem;
    --radius-pill: 999px;
    --shadow-soft: 0 18px 55px rgba(31, 35, 49, 0.10);
    --shadow-card: 0 14px 40px rgba(31, 35, 49, 0.08);
    --shadow-hover: 0 28px 80px rgba(11, 46, 89, 0.16);
    --ease-standard: cubic-bezier(0.2, 0.75, 0.25, 1);
    --ease-spring: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    --duration-fast: 180ms;
    --duration-normal: 360ms;
    --duration-slow: 700ms;
    --nav-height: 76px;
    --content-max: min(94vw, 1380px);
    --focus-ring: 0 0 0 4px rgba(0, 116, 255, .14);
    --z-nav: 1030;
    --z-progress: 1080;
    --z-floating: 1020;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg-main: #0D0E12;
  --bg-soft: #14161C;
  --bg-muted: #1A1D25;
  --surface: #151820;
  --surface-elevated: rgba(21, 24, 32, 0.90);
  --text-main: #F8F9FC;
  --text-muted: #B9BECA;
  --text-soft: #8E95A5;
  --border-soft: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.18);
  --shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.34);
  --shadow-card: 0 14px 40px rgba(0, 0, 0, 0.26);
  --shadow-hover: 0 24px 70px rgba(0, 0, 0, 0.40);
}