/* OracleTracker design tokens. Every colour, radius, shadow and font the site uses lives here. */
:root {
  /* page: bright, clinical, Apple-clean */
  --page: #F7FAFF;
  --page-top: #FFFFFF;
  --ink: #0B1220;
  --ink-2: #3A4659;
  --ink-3: #66748A;
  --on-blue: #FFFFFF;

  /* palette */
  --blue: #0A84FF;
  --blue-deep: #0040C1;
  --mint: #30D158;
  --teal: #2DD4BF;
  --red: #FF453A;
  --grey-1: #E6EDF7;
  --grey-2: #C7D2E3;
  --grey-3: #8A97AD;

  /* darker inks of the palette for text on white (contrast) */
  --blue-ink: #0062D1;
  --mint-ink: #13843B;
  --teal-ink: #0B7F72;
  --red-ink: #D2261B;

  /* tints and lines */
  --blue-tint: rgba(10, 132, 255, .08);
  --blue-tint-2: rgba(10, 132, 255, .14);
  --blue-line: rgba(10, 132, 255, .30);
  --mint-tint: rgba(48, 209, 88, .13);
  --mint-glow: rgba(48, 209, 88, .55);
  --teal-glow: rgba(45, 212, 191, .5);
  --blue-glow: rgba(10, 132, 255, .55);
  --red-glow: rgba(255, 69, 58, .5);
  --teal-tint: rgba(45, 212, 191, .15);
  --teal-line: rgba(13, 148, 136, .35);
  --red-tint: rgba(255, 69, 58, .10);
  --red-line: rgba(255, 69, 58, .30);
  --red-wash: rgba(255, 69, 58, .045);
  --grey-tint: rgba(138, 151, 173, .14);
  --row-hover: rgba(10, 132, 255, .045);
  --tab-track: rgba(11, 18, 32, .045);
  --spot: rgba(10, 132, 255, .07);
  --mask: #000;

  /* page light */
  --page-glow: radial-gradient(1100px 520px at 50% -180px, rgba(10, 132, 255, .13), rgba(10, 132, 255, 0) 70%);
  --page-glow-2: radial-gradient(700px 420px at 92% 8%, rgba(45, 212, 191, .10), rgba(45, 212, 191, 0) 70%);
  --page-dots: rgba(10, 132, 255, .11);

  /* glass panels */
  --glass: rgba(255, 255, 255, .72);
  --glass-strong: rgba(255, 255, 255, .88);
  --glass-border: #E6EDF7;
  --glass-blur: 18px;
  --glass-sheen: rgba(255, 255, 255, .9);
  --scrim: rgba(7, 17, 31, .32);

  /* dark monitor wells */
  --well: #07111F;
  --well-2: #0B1B33;
  --well-edge: rgba(10, 132, 255, .30);
  --well-grid: rgba(10, 132, 255, .075);
  --well-grid-major: rgba(10, 132, 255, .14);
  --well-scan: rgba(255, 255, 255, .03);
  --well-band: rgba(120, 180, 255, .045);
  --well-vignette: rgba(0, 0, 0, .55);
  --well-panel: rgba(10, 132, 255, .06);
  --hud: #8FB3E0;
  --hud-dim: #4F6E96;
  --hud-bright: #EAF3FF;
  --bracket: rgba(64, 160, 255, .85);

  /* radii */
  --r-lg: 16px;
  --r-md: 12px;
  --r-sm: 8px;
  --r-xs: 6px;
  --r-pill: 999px;

  /* shadows */
  --shadow-glass: 0 20px 60px -30px rgba(10, 132, 255, .35);
  --shadow-lift: 0 30px 80px -34px rgba(10, 132, 255, .45);
  --shadow-well: 0 34px 80px -42px rgba(7, 17, 31, .70), 0 2px 6px -2px rgba(7, 17, 31, .25);
  --shadow-btn: 0 10px 24px -12px rgba(10, 132, 255, .80);
  --shadow-tab: 0 1px 2px rgba(11, 18, 32, .08), 0 6px 16px -8px rgba(10, 132, 255, .35);
  --shadow-pill-s: 0 6px 14px -8px rgba(0, 64, 193, .9);
  --ring-focus: 0 0 0 3px rgba(10, 132, 255, .30);

  /* type */
  --font-display: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* layout and motion */
  --wrap: 1200px;
  --gutter: 24px;
  --header-h: 64px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}