/* Bora de Ape — Maximalismo comercial controlado */
:root {
  color-scheme: light;

  --bora-color-background: #fff7e8;
  --bora-color-surface: #ffffff;
  --bora-color-text: #111111;
  --bora-color-muted: #5f5a52;
  --bora-color-primary: #2355ff;
  --bora-color-primary-strong: #1538bc;
  --bora-color-secondary: #ff2e93;
  --bora-color-accent: #ffd84d;
  --bora-color-positive: #19c37d;
  --bora-color-warning: #f49b19;
  --bora-color-danger: #d9364f;
  --bora-color-border: #111111;
  --bora-color-focus: #00a7e1;
  --bora-color-on-primary: #ffffff;

  --bora-font-display: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --bora-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bora-font-size-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --bora-line-height-body: 1.6;

  --bora-space-1: 0.25rem;
  --bora-space-2: 0.5rem;
  --bora-space-3: 0.75rem;
  --bora-space-4: 1rem;
  --bora-space-5: 1.5rem;
  --bora-space-6: 2rem;
  --bora-space-7: 3rem;
  --bora-space-8: 4.5rem;
  --bora-space-9: 6rem;

  --bora-radius-sm: 0.625rem;
  --bora-radius-md: 1rem;
  --bora-radius-lg: 1.5rem;
  --bora-radius-pill: 999px;
  --bora-border-width: 3px;
  --bora-shadow-sm: 5px 5px 0 var(--bora-color-text);
  --bora-shadow-md: 9px 9px 0 var(--bora-color-text);
  --bora-shadow-focus: 0 0 0 4px color-mix(in srgb, var(--bora-color-focus) 35%, transparent);
  --bora-container: 76rem;
  --bora-content: 48rem;
  --bora-transition: 180ms ease;
  --bora-z-header: 20;
  --bora-z-floating: 30;
}