/* =============================================================
   tokens.css — Teuller Pimenta Moraes
   ÚNICA fonte de variáveis CSS do projeto.
   Não declarar cores, espaçamentos ou tipografia em outros arquivos.
   ============================================================= */

:root {
  /* ── Tipografia ─────────────────────────────────────────── */
  --font-sans:    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Poppins", "Manrope", system-ui, sans-serif;

  --font-size-xs:  0.75rem;
  --font-size-sm:  0.875rem;
  --font-size-md:  1rem;
  --font-size-lg:  1.125rem;
  --font-size-xl:  1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;

  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  --line-height-tight:   1.15;
  --line-height-normal:  1.4;
  --line-height-relaxed: 1.6;

  /* ── Espaçamento ────────────────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-7:  1.75rem;
  --space-8:  2rem;
  --space-9:  2.5rem;
  --space-10: 3rem;

  /* ── Radius ─────────────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 999px;

  /* ── Sombras ────────────────────────────────────────────── */
  --shadow-soft:     0 14px 30px rgba(0, 0, 0, 0.14);
  --shadow-elevated: 0 24px 48px rgba(0, 0, 0, 0.22);

  /* ── Z-index ────────────────────────────────────────────── */
  --z-base:    0;
  --z-header:  20;
  --z-overlay: 40;
  --z-splash:  50;
  --z-modal:   60;

  /* ── Cores de feedback ──────────────────────────────────── */
  --success: #4CAF50;
  --warning: #FFC107;
  --error:   #F44336;

  /* ── Animações ──────────────────────────────────────────── */
  --duration-fast:   150ms;
  --duration-medium: 300ms;
  --duration-slow:   600ms;

  --ease-out-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-snappy: cubic-bezier(0.21, 0.9, 0.22, 1);

  /* ── Seleção de texto (boilerplate — desativada neste projeto) */
  --accent-selection:  #C9A84C40;
  --text-on-selection: #032733;
}

/* ── Tema claro ─────────────────────────────────────────────── */
[data-theme="light"] {
  --bg:            #F5F7F9;
  --surface-1:     #FFFFFF;
  --surface-2:     #E4E9EE;
  --border-subtle: #D0D6DD;

  --text:          #101822;
  --text-muted:    #5E6B7A;

  --accent:        #C9A84C;
  --accent2:       #E0C46A;

  --hero-overlay:  rgba(3, 39, 51, 0.06);
}

/* ── Tema escuro (padrão visual) ────────────────────────────── */
[data-theme="dark"] {
  --bg:            #021C25;
  --surface-1:     #032733;
  --surface-2:     #073648;
  --border-subtle: #204050;

  --text:          #F5F7F9;
  --text-muted:    #A4B2C1;

  --accent:        #C9A84C;
  --accent2:       #E0C46A;

  --hero-overlay:  rgba(2, 28, 37, 0.76);
}

/* ── Seleção desativada globalmente ─────────────────────────── */
* {
  user-select: none;
  -webkit-user-select: none;
}