/*
  Tailwind-compatible lightweight layer.
  Current workstation has no node/npm, so this file keeps the agreed design
  tokens available without changing the existing static-site runtime.
*/
:root {
  --tw-color-primary: var(--ds-colors-primary);
  --tw-color-navy: var(--ds-colors-navy);
  --tw-color-green: var(--ds-colors-success);
  --tw-color-amber: var(--ds-colors-hot);
  --tw-color-danger: var(--ds-colors-live);
  --tw-color-ink: var(--ds-colors-ink);
  --tw-color-muted: var(--ds-colors-muted);
  --tw-color-line: var(--ds-colors-line);
  --tw-color-soft: var(--ds-colors-soft);
  --tw-radius-card: var(--ds-radii-small);
  --tw-radius-panel: var(--ds-radii-panel);
  --tw-shadow-card: var(--ds-shadows-card);
  --tw-shadow-soft: var(--ds-shadows-small);
}

.tw-font-fifa {
  font-family: var(--font-main);
}

.tw-card {
  border: 1px solid var(--tw-color-line);
  border-radius: var(--tw-radius-card);
  box-shadow: var(--tw-shadow-soft);
}

.tw-module-gap {
  gap: 12px;
}

.tw-focus-ring:focus-visible {
  outline: 3px solid rgba(0, 93, 168, 0.28);
  outline-offset: 2px;
}