:root {
  /* === CORES (Kinetic Performance - Primary Green #22C55E) === */
  --color-primary:        #22C55E;
  --color-primary-dark:   #16A34A;
  --color-primary-light:  #4ADE80;
  --color-primary-glow:   rgba(34, 197, 94, 0.15);
  --color-primary-glow-lg: rgba(34, 197, 94, 0.25);

  --color-bg:             #121416; /* surface */
  --color-surface-1:      #1a1c1e; /* surface-container-low */
  --color-surface-2:      #1e2022; /* surface-container */
  --color-surface-3:      #282a2c; /* surface-container-high */

  --color-text:           #e2e2e5; /* on-surface / on-background */
  --color-text-secondary: #c6c6c9; /* on-surface-variant */
  --color-text-muted:     #8e8e93; /* outline */

  --color-border:         #2c2c2e; /* outline-variant */
  --color-border-hover:   rgba(34, 197, 94, 0.3);
  --color-border-focus:   #22C55E;

  --color-error:          #ffb4ab; /* error */
  --color-warning:        #F59E0B;
  --color-success:        #22C55E;

  /* Zonas */
  --zone-z1: #22C55E;
  --zone-z2: #3B82F6;
  --zone-z3: #F59E0B;
  --zone-z4: #EF4444;
  --zone-z5: #A855F7;

  /* === TIPOGRAFIA === */
  --font-family-display: 'Anybody', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-body:    'Lexend', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-mono:    'JetBrains Mono', monospace;

  --font-family:         var(--font-family-body);

  --text-xs:   0.75rem;     /* 12px */
  --text-sm:   0.875rem;    /* 14px */
  --text-base: 1rem;        /* 16px */
  --text-lg:   1.125rem;    /* 18px */
  --text-xl:   1.25rem;     /* 20px */
  --text-2xl:  1.5rem;      /* 24px */
  --text-3xl:  1.875rem;    /* 30px */
  --text-4xl:  2.25rem;     /* 36px */
  --text-5xl:  3rem;        /* 48px */
  --text-6xl:  3.75rem;     /* 60px */
  --text-7xl:  4.5rem;      /* 72px */

  /* === ESPAÇAMENTO === */
  --space-1:    4px;
  --space-2:    8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* === BORDER RADIUS === */
  --radius-sm:   0.25rem; /* 4px */
  --radius-md:   0.75rem; /* 12px */
  --radius-lg:   1rem;    /* 16px */
  --radius-xl:   1.5rem;  /* 24px */
  --radius-pill: 9999px;

  /* === SOMBRAS === */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:      0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg:      0 8px 32px rgba(0,0,0,0.5);
  --shadow-glow:    0 4px 24px rgba(34, 197, 94, 0.15);
  --shadow-glow-lg: 0 8px 48px rgba(34, 197, 94, 0.25);

  /* === ANIMAÇÕES === */
  --duration-fast:   150ms;
  --duration-normal: 250ms;
  --duration-slow:   350ms;

  --ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-in:     cubic-bezier(0.4, 0.0, 1, 1);
  --ease-inout:  cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* === LAYOUT === */
  --container-max: 1280px;
  --nav-height:    72px;
}
