/**
 * 2140.wtf — 2140.wtf rebrand tokens
 *
 * Defines the public custom-property palette used by the 2140 design system
 * and overrides Tailwind/Shadcn dark-mode semantic variables to match.
 */

:root {
  /* Background scale */
  --2140-bg: #000000;
  --2140-surface: #0a0a0a;
  --2140-raised: #141414;
  --2140-overlay: rgba(10, 10, 10, 0.9);

  /* Foreground scale */
  --2140-fg: #fafafa;
  --2140-muted: #a1a1aa;
  --2140-placeholder: #52525b;

  /* Border */
  --2140-border: #262626;
  --2140-border-hover: #3f3f46;

  /* Accents */
  --2140-bitcoin: #f7931a;
  --2140-bitcoin-hover: #fb923c;
  --2140-bitcoin-subtle: rgba(247, 147, 26, 0.12);
  --2140-nostr: #8e44ad;
  --2140-nostr-hover: #a855f7;
  --2140-nostr-subtle: rgba(142, 68, 173, 0.12);

  /* Semantic */
  --2140-danger: #ef4444;
  --2140-success: #22c55e;
  --2140-warning: #f59e0b;
  --2140-info: #3b82f6;

  /* Typography */
  --font-display: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Motion */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
}

/* Tailwind dark-mode pairing */
[data-theme="2140"],
html.dark {
  color-scheme: dark;
}

/* Override Shadcn/Tailwind semantic tokens for the 2140 dark theme.
   The `html.dark` selector is more specific than the dynamic `:root` block
   injected by useTheme, so these values win for the branded build. */
html.dark {
  --background: 0 0% 0%;
  --foreground: 0 0% 98%;
  --card: 0 0% 4%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 4%;
  --popover-foreground: 0 0% 98%;
  --primary: 32.9 93.2% 53.5%;
  --primary-foreground: 0 0% 0%;
  --secondary: 0 0% 8%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 8%;
  --muted-foreground: 240 5% 65%;
  --accent: 282.3 43.6% 47.3%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 95%;
  --border: 0 0% 15%;
  --input: 0 0% 15%;
  --ring: 32.9 93.2% 53.5%;
  --radius: 0.75rem;
}

/* Utility helpers */
.text-bitcoin { color: var(--2140-bitcoin); }
.text-nostr { color: var(--2140-nostr); }
.bg-bitcoin { background-color: var(--2140-bitcoin); }
.bg-nostr { background-color: var(--2140-nostr); }
.bg-bitcoin-subtle { background-color: var(--2140-bitcoin-subtle); }
.bg-nostr-subtle { background-color: var(--2140-nostr-subtle); }
.border-bitcoin { border-color: var(--2140-bitcoin); }
.border-nostr { border-color: var(--2140-nostr); }