:root {
  /* === MYUR BRAND COLORS === */
  --color-accent:        #FF5722;   /* Fire orange — strength, energy */
  --color-accent-gold:   #FFD600;   /* Zeaba gold — excellence */
  --color-accent-teal:   #00BFA5;   /* Zeaba teal — wellness */
  --color-accent-green:  #00C853;   /* Green — results */

  /* Background & Surface */
  --color-bg:            #0A0A0A;
  --color-surface:       #111111;
  --color-surface-2:     #161616;
  --color-border:        rgba(255, 255, 255, 0.07);

  /* Text */
  --color-text-primary:  #FFFFFF;
  --color-text-secondary:#B0B0B0;
  --color-text-muted:    #606060;

  /* Typography */
  --font-size-xs:    0.75rem;
  --font-size-sm:    0.875rem;
  --font-size-base:  1rem;
  --font-size-lg:    1.125rem;
  --font-size-xl:    1.25rem;
  --font-size-2xl:   1.5rem;
  --font-size-3xl:   2rem;
  --font-size-4xl:   2.75rem;
  --font-size-5xl:   3.5rem;

  --font-weight-normal: 400;
  --font-weight-bold:   700;

  /* Spacing */
  --space-xs:       0.25rem;
  --space-sm:       0.5rem;
  --space-md:       1rem;
  --space-lg:       1.5rem;
  --space-xl:       2rem;
  --space-2xl:      3rem;
  --space-3xl:      4rem;
  --space-section:  6rem;

  /* Layout */
  --container-max:     1200px;
  --container-narrow:  800px;
  --container-padding: 1.5rem;

  /* Borders */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --border-radius:    12px;
  --border-radius-sm:  8px;

  /* Z-index */
  --z-starfield: 0;
  --z-content:   1;
  --z-nav:       100;
  --z-overlay:   200;

  /* Transitions */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.3s ease;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: var(--color-text-primary);
  background-color: var(--color-bg);
}