/* Tokens de diseño: única fuente de colores, tipografía, radios y medidas. */
:root {
  --bg: #0b0f14;
  --fg: #e9eef5;
  --fg-strong: #f8f9fa;
  --muted: rgba(233, 238, 245, .75);
  --surface: rgba(255, 255, 255, .04);
  --stroke: rgba(255, 255, 255, .10);

  --accent: #fd8700;
  --accent-hover: #ff9a1f;
  --on-accent: #111;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --container: 1320px;
  --gutter: .75rem;
}