/* =====================================================================
   CABRON PHARMA — Design tokens (doc 09, autoridade sobre cor/tipografia).
   Extraídos programaticamente do logo.png. Dark-first. Sem build Node.
   Nenhuma cor fora destes tokens.
   ===================================================================== */

:root {
  /* primary — verde CABRON (extraído do logo) */
  --primary-50: #F0F9EE;  --primary-100: #DCF0D8; --primary-200: #BCE3B5;
  --primary-300: #9FDE96; --primary-400: #7BC96F; --primary-500: #5CB953;
  --primary-600: #46A03E; --primary-700: #3D8638; --primary-800: #2C6628;
  --primary-900: #1E5521; --primary-950: #0A2510;

  /* neutral — grafite/prata (extraído do logo) */
  --neutral-50: #F9F8F8;  --neutral-100: #E2E4E5; --neutral-200: #C9CCCC;
  --neutral-300: #B0B7B6; --neutral-400: #989F9E; --neutral-500: #7F8886;
  --neutral-600: #4E5356; --neutral-700: #363B3F; --neutral-800: #292D32;
  --neutral-900: #1E2126; --neutral-925: #13151A; --neutral-950: #0B0D11;

  /* semânticas */
  --success: #46A03E; --warning: #E5A50A; --danger: #E5484D; --info: #4A9EDE;
  --success-bg: #12281A; --warning-bg: #2B2213; --danger-bg: #2B1517; --info-bg: #12222E;

  /* gradientes e glow da marca (doc 09 §6) */
  --gradient-chrome: linear-gradient(180deg, #F9F8F8 0%, #C9CCCC 45%, #989F9E 55%, #E2E4E5 100%);
  --gradient-green: linear-gradient(135deg, #9FDE96 0%, #5CB953 40%, #1E5521 100%);
  --gradient-depth: radial-gradient(ellipse at 50% 30%, #1E2126 0%, #0B0D11 70%);
  --shadow-glow: 0 0 24px rgba(92, 185, 83, 0.35);

  /* papéis semânticos (tema dark padrão) */
  --bg: var(--neutral-950);
  --bg-alt: var(--neutral-925);
  --surface: var(--neutral-900);
  --surface-raised: var(--neutral-800);
  --border: var(--neutral-700);
  --text: var(--neutral-50);
  --text-muted: var(--neutral-200);
  --text-disabled: var(--neutral-500);
  --cta: var(--primary-500);
  --cta-text: var(--neutral-950);
  --cta-hover: var(--primary-400);
  --link: var(--primary-400);
  --focus: var(--primary-300);

  /* tipografia (doc 09 §9) */
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-12: 0.75rem; --fs-14: 0.875rem; --fs-16: 1rem; --fs-18: 1.125rem;
  --fs-20: 1.25rem; --fs-24: 1.5rem; --fs-30: 1.875rem; --fs-38: 2.375rem; --fs-48: 3rem;
  --lh-text: 1.5; --lh-display: 1.15;

  --radius: 8px;
  --radius-lg: 14px;
  --space: 1rem;
  --container: 1200px;
}

/* Fontes self-hosted (doc 09 §9). Os .woff2 vão para /assets/fonts/.
   Enquanto ausentes, os fallbacks das --font-* mantêm a UI legível. */
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 400 600; font-display: swap;
  src: url("/assets/fonts/Inter-Variable.woff2") format("woff2");
}
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal; font-weight: 700 800; font-display: swap;
  src: url("/assets/fonts/BarlowCondensed-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal; font-weight: 500; font-display: swap;
  src: url("/assets/fonts/JetBrainsMono-Medium.woff2") format("woff2");
}