/* Geist design tokens — extracted from vercel.com/geist (dark theme as default; this is a dark-room product) */

@font-face {
  font-family: "Geist Sans";
  src: url("/fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --font-sans: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Backgrounds */
  --ds-background-100: #000;
  --ds-background-200: #000;

  /* Gray scale (dark) */
  --ds-gray-100: #1a1a1a;
  --ds-gray-200: #1f1f1f;
  --ds-gray-300: #292929;
  --ds-gray-400: #2e2e2e;
  --ds-gray-500: #454545;
  --ds-gray-600: #878787;
  --ds-gray-700: #8f8f8f;
  --ds-gray-800: #7d7d7d;
  --ds-gray-900: #a0a0a0;
  --ds-gray-1000: #ededed;

  /* Green scale (dark) */
  --ds-green-100: #00250a;
  --ds-green-200: #003110;
  --ds-green-300: #003814;
  --ds-green-400: #004616;
  --ds-green-500: #00661d;
  --ds-green-600: #009431;
  --ds-green-700: #00ab3e;
  --ds-green-800: #009335;
  --ds-green-900: #00ca52;
  --ds-green-1000: #daffe5;

  /* Amber scale (dark) */
  --ds-amber-100: #291800;
  --ds-amber-200: #331b00;
  --ds-amber-300: #4f2900;
  --ds-amber-400: #573200;
  --ds-amber-500: #6c4100;
  --ds-amber-600: #e99c00;
  --ds-amber-700: #ffb200;
  --ds-amber-800: #f90;
  --ds-amber-900: #f90;
  --ds-amber-1000: #fff3d9;

  /* Red scale (dark) */
  --ds-red-100: #330a11;
  --ds-red-200: #440d13;
  --ds-red-300: #5d0e17;
  --ds-red-400: #6f101b;
  --ds-red-500: #88151f;
  --ds-red-600: #f32e40;
  --ds-red-700: #f13242;
  --ds-red-800: #e2162a;
  --ds-red-900: #ff5e63;
  --ds-red-1000: #ffeaed;

  /* Blue scale (dark) */
  --ds-blue-100: #06193a;
  --ds-blue-200: #022248;
  --ds-blue-300: #002f62;
  --ds-blue-400: #003771;
  --ds-blue-500: #004287;
  --ds-blue-600: #0090ff;
  --ds-blue-700: #0071f6;
  --ds-blue-800: #005fd8;
  --ds-blue-900: #50a8ff;
  --ds-blue-1000: #ebf6ff;

  /* Materials */
  --ds-radius-small: 6px;
  --ds-radius: 8px;
  --ds-radius-large: 12px;
  --ds-focus-ring: 0 0 0 2px var(--ds-background-100), 0 0 0 4px var(--ds-blue-700);
}