/* SMART MZK — CSS Custom Properties */
:root {
  /* === Colors === */
  --navy-dark: #0a0f1a;
  --navy: #1a2744;
  --navy-light: #243352;
  --green: #5cb033;
  --green-light: #7ccc4f;
  --green-glow: rgba(92, 176, 51, 0.15);

  --white: #ffffff;
  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.55);
  --text-muted: rgba(255, 255, 255, 0.45);
  --text-faint: rgba(255, 255, 255, 0.25);
  --text-very-faint: rgba(255, 255, 255, 0.15);

  --border-subtle: rgba(255, 255, 255, 0.04);
  --border-light: rgba(255, 255, 255, 0.06);

  /* === Typography === */
  --font-stack: 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  /* === Spacing === */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 4rem;
  --spacing-5xl: 5rem;
  --spacing-6xl: 6rem;

  --section-padding: 6rem 5rem;
  --section-padding-mobile: 3rem 2rem;
  --section-padding-mobile-small: 2rem 1.5rem;

  /* === Transitions === */
  --transition-fast: 0.3s ease;
  --transition-medium: 0.5s ease;
  --transition-slow: 0.8s ease;

  /* === Border Radius === */
  --radius-sm: 6px;
  --radius-md: 12px;

  /* === Z-Index === */
  --z-nav: 100;
  --z-content: 10;
  --z-bg: 1;
}