/* Design tokens · padrão Sagaz Lab (CLAUDE.md) */
:root {
  /* Paleta */
  --primary: #0d63f4;
  --primary-dark: #0a4cc7;
  --bg: #f4f7ff;
  --ink: #121a31;
  --ink-soft: #3a4566;
  --muted: #6b7591;
  --line: rgba(18, 26, 49, 0.12);
  --surface: #fff;
  --success: #1f8a4f;
  --danger: #c93c3c;
  --warn: #c89a4d;

  /* Tipografia */
  --font-display: 'DM Serif Display', 'Times New Roman', serif;
  --font-sans:
    'DM Sans', system-ui, -apple-system, 'Segoe UI', roboto, sans-serif;

  /* Escala */
  --step--1: clamp(0.83rem, 0.78rem + 0.25vw, 0.95rem);
  --step-0: clamp(1rem, 0.94rem + 0.3vw, 1.13rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.3rem + 1vw, 1.85rem);
  --step-3: clamp(1.95rem, 1.6rem + 1.6vw, 2.6rem);
  --step-4: clamp(2.5rem, 2rem + 2.4vw, 3.6rem);

  /* Layout */
  --container: 64rem;
  --radius: 12px;
  --radius-lg: 20px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(18, 26, 49, 0.06);
  --shadow-md: 0 6px 24px rgba(18, 26, 49, 0.08);
  --shadow-lg: 0 18px 48px rgba(18, 26, 49, 0.14);
}