/**
 * Design tokens — Sede Comercial (público)
 * Cores de accent são sobrescritas por includes/styles-layout.php (DB).
 */
:root {
  /* Espaçamento */
  --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;

  /* Raios */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* Sombras (tom alinhado ao header #162e3d) */
  --shadow-sm: 0 1px 2px rgba(22, 46, 61, 0.05);
  --shadow-md: 0 8px 24px rgba(22, 46, 61, 0.08);
  --shadow-lg: 0 16px 40px rgba(22, 46, 61, 0.12);

  /* Motion */
  --transition-fast: 140ms;
  --transition-base: 220ms;
  --transition-slow: 320ms;
  --ease-fluid: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Tipografia */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-body: 1.5;
  --tracking-title-lg: -0.03em;
  --tracking-title-md: -0.015em;
  --tracking-body: normal;
  --tracking-label: 0.02em;

  /* Touch / foco */
  --touch-min: 44px;
  --focus-ring: 0 0 0 3px rgba(0, 162, 237, 0.35);

  /* Identidade (fallbacks; PHP sobrescreve accent) */
  --bg-page: #ecf0ff;
  --ink: #1d2327;
  --muted: #5c6470;
  --header-dark: #162e3d;
  --accent: #00a2ed;
  --accent-2: #bc55aa;
  --card-radius: 14px;
  --shadow: 0 10px 30px rgba(22, 46, 61, 0.12);
  --maxw: 1080px;
  --site-header-sticky-offset: calc(65px + env(safe-area-inset-top, 0px));
  --page-gutter: var(--space-4);
  --surface: #ffffff;
  --line: rgba(22, 46, 61, 0.1);
  --danger: #dc2626;
  --success: #16a34a;
}