/* Design tokens. Single source of truth for color, type and spacing. */

:root {
  --os-ink: #05070a;
  --os-ink-raised: #0b0f14;
  --os-ink-sunken: #03050a;
  --os-line: #1a2028;
  --os-line-strong: #2a3441;

  --os-volt: #b6ff00;
  --os-volt-dim: #7fb300;
  --os-volt-wash: rgba(182, 255, 0, 0.08);

  --os-text: #f2f5f7;
  --os-muted: #8a94a6;
  --os-red: #ff4d5e;
  --os-amber: #ffb020;

  --os-font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --os-font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  /* A replica do alerta do Telegram usa emoji dentro do mono; sem esse fallback
     o glifo cai em tofu nas fontes monoespacadas, que nao tem cobertura emoji. */
  --os-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace,
    "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji";

  --os-step--1: 0.8125rem;
  --os-step-0: 0.9375rem;
  --os-step-1: 1.0625rem;
  --os-step-2: clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem);
  --os-step-3: clamp(1.75rem, 1.35rem + 1.9vw, 2.75rem);
  --os-step-4: clamp(2.5rem, 1.6rem + 4.2vw, 4.75rem);

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

  --os-radius: 4px;
  --os-radius-lg: 8px;
  --os-shell: 1200px;

  /* Bootstrap surface overrides: keep the grid, drop the default look. */
  --bs-body-bg: var(--os-ink);
  --bs-body-color: var(--os-text);
  --bs-body-font-family: var(--os-font-body);
  --bs-body-font-size: var(--os-step-0);
  --bs-body-line-height: 1.6;
  --bs-border-color: var(--os-line);
  --bs-link-color: var(--os-text);
  --bs-link-hover-color: var(--os-volt);
  --bs-emphasis-color: var(--os-text);
  --bs-secondary-color: var(--os-muted);
  --bs-focus-ring-color: rgba(182, 255, 0, 0.45);
  --bs-focus-ring-width: 2px;
}