/* BrazHunt design tokens. Dark only: the product brief pins a muted night palette. */
@font-face {
  font-family: 'Unbounded';
  src: url('/assets/fonts/unbounded-cyrillic.woff2') format('woff2');
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  src: url('/assets/fonts/unbounded-latin.woff2') format('woff2');
  font-weight: 200 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Onest';
  src: url('/assets/fonts/onest-cyrillic.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest';
  src: url('/assets/fonts/onest-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: dark;

  /* Neutral near-black plane. Brazil lives in the line-art emblem and in the accent, not in a colored wash. */
  --noite: #0a0b0b;
  --noite-top: #131615;

  /* Ink: three clearly separated steps. */
  --areia: #f4f6f5;
  --nevoa: #aab2ae;
  --bruma: #818b86;

  /* Surfaces: solid elevation steps, so a block inside a block is always visible. */
  --surface-1: #151817;
  --surface-2: #1d211f;
  --surface-3: #282d2a;
  --glass: var(--surface-2);
  --glass-raised: var(--surface-2);
  --glass-pressed: var(--surface-3);
  --glass-stroke: rgba(255, 255, 255, 0.11);
  --glass-edge: rgba(255, 255, 255, 0.16);
  --hairline: rgba(255, 255, 255, 0.075);
  --shade: rgba(0, 0, 0, 0.6);
  --blur: blur(22px) saturate(140%);

  /* Accent: flag green. Marks what is new, current or interactive. */
  --verde: #2ed47a;
  --verde-ink: #04140b;
  --verde-tint: rgba(46, 212, 122, 0.11);
  --verde-line: rgba(46, 212, 122, 0.42);

  /* Severity: red, flag yellow, flag blue. Always with a shape and a label. */
  --sev-alert: #ff5c5c;
  --sev-notable: #ffc53d;
  --sev-info: #5aa9ff;
  --sev-alert-ink: #2a0707;
  --sev-notable-ink: #2b1d00;
  --sev-info-ink: #04162b;
  --sev-alert-tint: rgba(255, 92, 92, 0.13);
  --sev-notable-tint: rgba(255, 197, 61, 0.12);
  --sev-info-tint: rgba(90, 169, 255, 0.12);
  --sev-alert-line: rgba(255, 92, 92, 0.4);
  --sev-notable-line: rgba(255, 197, 61, 0.38);
  --sev-info-line: rgba(90, 169, 255, 0.38);
  --sev-alert-glow: rgba(255, 92, 92, 0.5);
  --sev-notable-glow: rgba(255, 197, 61, 0.45);
  --sev-info-glow: rgba(90, 169, 255, 0.4);

  /* Charts: one series in ink, recessive grid. */
  --chart-line: #f4f6f5;
  --chart-wash: rgba(244, 246, 245, 0.08);
  --chart-grid: rgba(255, 255, 255, 0.07);

  --font-display: 'Unbounded', 'Onest', system-ui, sans-serif;
  --font-text: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-15: 0.9375rem;
  --fs-17: 1.0625rem;
  --fs-21: 1.3125rem;
  --fs-30: 2.125rem;

  --r-sheet: 24px;
  --r-row: 16px;
  --r-tile: 12px;
  --r-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --page-width: 1180px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}