/* Fabio Afonso • Design system v1.0 • Fonte de verdade dos tokens digitais. */
:root {
  color-scheme: light;
  --color-red-50: #fff0f0;
  --color-red-500: #c92535;
  --color-red-600: #a91d2b;
  --color-red-700: #881725;
  --color-yellow-50: #fff6d6;
  --color-yellow-500: #f2cb3f;
  --color-yellow-600: #dfb72a;
  --color-white: #ffffff;
  --color-cream: #fbf8f3;
  --color-ink: #252120;
  --color-muted: #716761;
  --color-line: #e5ded5;
  --color-control-border: #858079;
  --color-success: #1e7148;
  --color-success-soft: #eaf5ee;
  --color-warning: #806000;
  --color-warning-soft: #fff6d6;
  --color-danger: #9c222e;
  --color-danger-soft: #fff0f0;
  --color-info: #245b86;
  --color-info-soft: #eef5fc;
  --surface-page: var(--color-cream);
  --surface-card: var(--color-white);
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-muted);
  --action-primary: var(--color-red-500);
  --action-primary-hover: var(--color-red-600);
  --action-primary-active: var(--color-red-700);
  --text-on-primary: var(--color-white);
  --accent-brand: var(--color-yellow-500);
  --font-body: Arial, Helvetica, sans-serif;
  --font-heading: Arial, Helvetica, sans-serif;
  --font-mono: Consolas, "Courier New", monospace;
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-h3: clamp(1.375rem, 2.5vw, 1.75rem);
  --text-h2: clamp(2rem, 4vw, 3rem);
  --text-display: clamp(2.5rem, 5.6vw, 4.5rem);
  --leading-body: 1.6;
  --leading-heading: 1.08;
  --tracking-heading: -0.035em;
  --tracking-label: 0.12em;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-brand: clamp(3rem, 7vw, 6rem);
  --radius-pill: 999px;
  --shadow-card: 0 8px 28px rgb(37 33 32 / 6%);
  --shadow-raised: 0 12px 36px rgb(37 33 32 / 12%);
  --border-width: 1px;
  --focus-width: 3px;
  --focus-offset: 3px;
  --container-max: 75rem;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --section-space: clamp(3rem, 7vw, 6rem);
  --control-height: 3rem;
  --measure-body: 65ch;
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-reveal: 700ms;
  --duration-paint: 1400ms;
  --delay-choreography: 100ms;
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --layer-base: 0;
  --layer-header: 10;
  --layer-overlay: 100;
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-fast: 0ms; --duration-base: 0ms; --duration-reveal: 0ms; --duration-paint: 0ms; --delay-choreography: 0ms; }
}