/* ─────────────────────────────────────────────
   tokens.css — Design tokens da LinckDev
   Todas as variáveis globais do projeto
───────────────────────────────────────────── */

:root {
  /* Cores primárias */
  --color-orange:       #FF6B35;
  --color-orange-light: #FF8C5A;
  --color-purple:       #9D5FF5;
  --color-purple-dark:  #7C3AED;
  --color-purple-light: #B87EF7;

  /* Backgrounds */
  --bg-base:    #0A0A0F;
  --bg-surface: #12121A;
  --bg-raised:  #1A1A26;
  --bg-border:  #242433;

  /* Texto */
  --text-primary:   #F0EEF8;
  --text-secondary: #A8A6C0;
  --text-muted:     #7A788F;
  --text-faint:     #4A4860;

  /* Bordas */
  --border-subtle:  rgba(255, 255, 255, 0.06);
  --border-default: rgba(255, 255, 255, 0.10);
  --border-strong:  rgba(255, 255, 255, 0.18);

  /* Gradiente principal */
  --gradient-brand: linear-gradient(135deg, var(--color-orange) 0%, var(--color-purple) 100%);
  --gradient-text:  linear-gradient(110deg, #FF6B35 0%, #9D5FF5 40%, #FF6B35 80%);
  --gradient-glow-o: radial-gradient(circle, rgba(255,107,53,.14) 0%, transparent 70%);
  --gradient-glow-p: radial-gradient(circle, rgba(124,58,237,.10) 0%, transparent 70%);

  /* Tipografia */
  --font-display: 'Space Grotesk', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* Espaçamentos */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* Bordas arredondadas */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-sm:     0 2px 8px  rgba(0,0,0,.3);
  --shadow-md:     0 4px 16px rgba(0,0,0,.4);
  --shadow-lg:     0 8px 32px rgba(0,0,0,.5);
  --shadow-orange: 0 4px 24px rgba(255,107,53,.25);
  --shadow-orange-hover: 0 8px 40px rgba(255,107,53,.4);

  /* Transições */
  --ease-out:   cubic-bezier(.25, .46, .45, .94);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --duration-fast:   150ms;
  --duration-normal: 300ms;
  --duration-slow:   600ms;

  /* Z-index */
  --z-bg:      0;
  --z-content: 5;
  --z-nav:     100;
  --z-modal:   200;

  /* Seção */
  --section-padding: 120px 48px;
  --section-max-width: 1100px;
}

@media (max-width: 768px) {
  :root {
    --section-padding: 80px 24px;
  }
}