/* Design tokens mirrored from the public site (https://domino-app-7h5.pages.dev/). */
:root {
  color-scheme: dark;

  --surface: #0b1020;
  --surface-raised: #141b2d;
  --surface-sunken: #080c18;
  --surface-overlay: rgb(11 16 32 / 0.8);

  --brand-blue: #2563eb;
  --brand-blue-light: #3b82f6;
  --brand-blue-dark: #1d4ed8;
  --brand-green: #22c55e;
  --brand-ink: #111827;
  --brand-snow: #f9fafb;
  --danger: #ef4444;
  --warning: #f59e0b;

  --text: var(--brand-snow);
  --text-muted: #94a3b8;
  --text-subtle: #64748b;
  --border: rgb(255 255 255 / 0.08);
  --border-strong: rgb(255 255 255 / 0.16);

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-soft: 0 1px 2px #0000004d, 0 12px 40px -12px #00000080;
  --shadow-glow: 0 0 0 1px #2563eb59, 0 12px 48px -12px #2563eb8c;

  --hero-gradient:
    radial-gradient(60rem 36rem at 50% -10%, #2563eb59, transparent 70%),
    radial-gradient(28rem 20rem at 90% 55%, #22c55e1f, transparent 70%);
  --grid-lines:
    linear-gradient(90deg, #ffffff0a 1px, transparent 1px),
    linear-gradient(#ffffff0a 1px, transparent 1px);

  --font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "Segoe UI Variable", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}