:root {
  /* Brand Palette */
  --as-black: #0F0F10;
  --as-black-soft: #141416;
  --as-surface: #171717;
  --as-surface-elevated: #1C1C1E;
  --as-surface-hover: #222225;
  --as-red: #C1121F;
  --as-red-dark: #9A0E18;
  --as-red-glow: rgba(193, 18, 31, 0.35);
  --as-gray-light: #ECECEC;
  --as-gray: #9A9A9A;
  --as-gray-muted: #6B6B6B;
  --as-white: #FFFFFF;

  /* Semantic */
  --as-bg: var(--as-black);
  --as-bg-alt: var(--as-surface);
  --as-text: var(--as-white);
  --as-text-muted: var(--as-gray);
  --as-border: rgba(255, 255, 255, 0.08);
  --as-border-strong: rgba(255, 255, 255, 0.14);

  /* Typography */
  --as-font: "Manrope", system-ui, -apple-system, sans-serif;
  --as-lh-tight: 1.15;
  --as-lh-body: 1.7;
  --as-tracking-tight: -0.02em;
  --as-tracking-wide: 0.12em;

  /* Layout */
  --as-container: 1600px;
  --as-header-h: 90px;
  --as-section-pad: clamp(100px, 12vw, 160px);
  --as-radius: 20px;
  --as-radius-sm: 12px;
  --as-radius-pill: 999px;

  /* Shadows */
  --as-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  --as-shadow-card: 0 12px 40px rgba(0, 0, 0, 0.4);
  --as-shadow-lift: 0 28px 70px rgba(0, 0, 0, 0.55);
  --as-glow-red: 0 0 40px var(--as-red-glow);

  /* Motion */
  --as-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --as-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --as-duration: 0.45s;
  --as-duration-fast: 0.25s;
  --as-duration-slow: 0.8s;

  /* Z-index */
  --as-z-header: 1000;
  --as-z-mega: 1100;
  --as-z-overlay: 1200;
  --as-z-loader: 9999;
}