/**
 * Design tokens - ISONIC brand (V2).
 * Color de marca alineado con el sitio legacy (#DF7319).
 */
:root {
  --color-brand: #df7319;
  --color-brand-contrast: #ffffff;
  --color-brand-hover: #c66515;

  --color-text: #1a1a2e;
  --color-text-muted: #5c6370;
  --color-text-light: #ffffff;

  --color-bg: #ffffff;
  --color-bg-muted: #f4f7fb;
  --color-bg-footer: #2d3436;

  --color-border: #e8ecf1;
  --color-card-shadow: 0 4px 24px rgba(26, 26, 46, 0.06);

  --font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --container-max: 1440px;
  --container-padding: 1rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;

  --header-height: 72px;
  --transition: 0.2s ease;
}

@media (min-width: 391px) {
  :root {
    --container-padding: 1.5rem;
  }
}

@media (min-width: 1025px) {
  :root {
    --container-padding: 2.5rem;
  }
}