/*
 * Design tokens derived from the internal "TV Platform Tools" dashboard
 * (tvdashboard.redbull.com), so tools here look like Red Bull tooling rather
 * than a generic dashboard. Values come from that app's computed styles.
 *
 * Shared across stv-tools and stv-sitemap-check — they deploy as separate
 * containers, so this file is duplicated rather than linked across them.
 * Keep both copies identical; this one is the source of truth.
 *
 * Bull is Red Bull's corporate typeface, self-hosted here rather than
 * hotlinked from resources.redbull.com so the tools don't depend on their paths.
 */

@font-face {
  font-family: Bull;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(fonts/BullText-Regular.woff2) format('woff2');
}
@font-face {
  font-family: Bull;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(fonts/BullText-Medium.woff2) format('woff2');
}
@font-face {
  font-family: Bull;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(fonts/BullText-Bold.woff2) format('woff2');
}

:root {
  /* Surfaces — page is grey, cards sit on it as white with a tinted body */
  --bg: #efefef;
  --surface: #ffffff;
  --surface-sunken: #f8f8f8;
  --surface-disabled: rgba(0, 15, 30, 0.05);

  /* Borders — hairlines, never shadows */
  --border: rgba(0, 15, 30, 0.1);
  --border-strong: rgba(0, 15, 30, 0.2);
  --border-focus: rgba(0, 15, 30, 0.45);

  /* Text */
  --text: #000000;
  --text-muted: rgba(0, 15, 30, 0.6);
  --text-on-dark: #ffffff;

  /* Brand / semantic */
  --nav-bg: #001c39;
  --primary: #1b6aee;
  --primary-hover: #1559d0;
  --success: #159d48;
  --warning: #ff9000;
  --danger: #db0a40;

  /* Pastel category badges (taxonomy, not status) */
  --badge-neutral-1: #e3dff1;
  --badge-neutral-2: #f0daf0;

  /* Chart palette — deliberately cool and analytical, not the brand colours */
  --chart-1: #5844a6;
  --chart-2: #537bc9;
  --chart-3: #b05eb0;
  --chart-4: #55adc4;
  --chart-5: #adcf28;
  --chart-6: #f3e294;

  /* Radii — containers are square-ish, actions are fully round */
  --radius-card: 6px;
  --radius-input: 6px;
  --radius-badge: 2px;
  --radius-pill: 9999px;

  /* Spacing — 8px base scale */
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;

  /* Layout */
  --nav-height: 56px;
  --content-max: 1192px;

  --font: 'Bull', 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', ui-monospace, monospace;
  --transition: all 0.15s ease;
}