/* Tokens transpostos do design system Coders.
   Nexa Text é a família da marca e não veio no pacote; Poppins entra como
   substituta geométrica documentada. JetBrains Mono cobre o tom de código. */
:root {
  --c-black: #000000;
  --c-white: #ffffff;
  --c-green: #44D62C;
  --c-gray-300: #D3D3D3;
  --c-gray-500: #A4A4A4;

  --c-green-hover: oklch(from var(--c-green) calc(l - 0.06) c h);
  --c-green-press: oklch(from var(--c-green) calc(l - 0.12) c h);
  --c-green-soft: oklch(from var(--c-green) l c h / 0.14);
  --c-green-soft-strong: oklch(from var(--c-green) l c h / 0.28);

  --bg-canvas: #0a0a0a;
  --bg-surface: #141414;
  --bg-surface-raised: #1c1c1c;
  --bg-surface-sunken: #000000;
  --bg-overlay: rgba(0, 0, 0, 0.72);

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-default: rgba(255, 255, 255, 0.16);
  --border-strong: rgba(255, 255, 255, 0.28);
  --border-accent: var(--c-green);

  --text-primary: #ffffff;
  --text-secondary: var(--c-gray-500);
  --text-tertiary: rgba(255, 255, 255, 0.46);
  --text-on-accent: #000000;
  --text-disabled: rgba(255, 255, 255, 0.32);

  --accent: var(--c-green);
  --accent-hover: var(--c-green-hover);
  --accent-press: var(--c-green-press);
  --accent-soft: var(--c-green-soft);

  --danger: #FF4D4D;
  --danger-soft: rgba(255, 77, 77, 0.14);
  --warning: #FFC24D;
  --success: var(--c-green);

  --focus-ring: var(--c-green);

  --font-display: "Poppins", "Nexa Text", sans-serif;
  --font-body: "Poppins", "Nexa Text", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  --weight-thin: 300;
  --weight-book: 400;
  --weight-regular: 500;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  --text-display-xl: clamp(3rem, 5vw, 5.5rem);
  --text-display-lg: clamp(2.25rem, 4vw, 3.5rem);
  --text-display-md: 2.5rem;
  --text-display-sm: 1.75rem;
  --text-heading-lg: 1.5rem;
  --text-heading-md: 1.25rem;
  --text-heading-sm: 1.0625rem;
  --text-body-lg: 1.125rem;
  --text-body-md: 1rem;
  --text-body-sm: 0.875rem;
  --text-caption: 0.75rem;
  --text-mono: 0.9rem;

  --leading-tight: 1.05;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tightest: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-widest: 0.14em;

  --space-0: 0;
  --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;
  --space-32: 128px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
  --shadow-glow-accent: 0 0 0 1px var(--c-green), 0 0 24px var(--c-green-soft);

  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 340ms;

  --container-max: 1200px;
  --border-width: 1px;
  --topbar-h: 72px;
}