:root {
  --brand: #378ADD;
  --brand-600: #185FA5;
  --brand-800: #0C447C;
  --brand-hover: #0C447C;
  --brand-solid: #185FA5;
  --brand-tint: #E6F1FB;
  --accent: #EF9F27;
  --accent-ink: #854F0B;
  --accent-tint: #FBF0DC;

  --gold: #EF9F27;
  --gold-tint: #FBF0DC;
  --gold-ink: #854F0B;
  --silver: #A6B0BE;
  --silver-tint: #E9EDF3;
  --silver-ink: #56606E;
  --bronze: #C99B6D;
  --bronze-tint: #F5E9DA;
  --bronze-ink: #7A5230;
  --up: #0F6E56;
  --up-tint: #E1F5EE;
  --down: #A32D2D;
  --down-tint: #FCEBEB;

  --ink: #2C2C2A;
  --ink-2: #5F5E5A;
  --ink-3: #888780;
  --border: #D3D1C7;
  --border-strong: #B4B2A9;
  --surface: #FFFFFF;
  --surface-2: #F1EFE8;
  --surface-blur: rgba(255, 255, 255, .85);

  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  --shadow-drawer: 0 -2px 12px rgba(44, 44, 42, .08);
  --shadow-hover: 0 1px 2px rgba(44, 44, 42, .05);

  --t-micro: 150ms ease;
  --t-panel: 240ms cubic-bezier(.32, .72, 0, 1);

  color-scheme: light;
}

[data-theme="dark"] {
  --brand: #85B7EB;
  --brand-600: #378ADD;
  --brand-800: #85B7EB;
  --brand-hover: #255EA3;
  --brand-solid: #2C6FBE;
  --brand-tint: #0C447C;
  --accent: #EF9F27;
  --accent-ink: #EF9F27;
  --accent-tint: #4A3208;

  --gold: #EF9F27;
  --gold-tint: #4A3208;
  --gold-ink: #F5CE7E;
  --silver: #7C8695;
  --silver-tint: #2B2E34;
  --silver-ink: #C9D1DB;
  --bronze: #A87C50;
  --bronze-tint: #33261A;
  --bronze-ink: #E3C09B;
  --up: #9FE1CB;
  --up-tint: #085041;
  --down: #F7C1C1;
  --down-tint: #791F1F;

  --ink: #F1EFE8;
  --ink-2: #B4B2A9;
  --ink-3: #888780;
  --border: #3A3733;
  --border-strong: #5F5E5A;
  --surface: #232120;
  --surface-2: #191817;
  --surface-blur: rgba(35, 33, 32, .85);

  color-scheme: dark;
}

.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}