/* ============================================================
   shadcn/ui variable bridge — the shadcn token names, aliased onto
   the Time Sellers tokens (colors.css). Plain CSS, no Tailwind:
   tailwind-theme.css maps these onto Tailwind's colour/radius scale.
   Source: the old design's shadcn theme (its plain
   `--color-*` copies were a prototype-runtime workaround for a late
   in-browser Tailwind; a built consumer gets them from @theme).

   NAMING CAUTION: --accent (brand blue) and --border (hairline) already
   exist with Time Sellers meanings and are NOT redefined here.
   ============================================================ */
:root {
  --background: var(--bg);
  --foreground: var(--text);
  --card: var(--surface);
  --card-foreground: var(--text);
  --popover: var(--bg-subtle);
  --popover-foreground: var(--text);
  --primary: var(--blue-500);
  --primary-foreground: var(--text-on-accent);
  --secondary: var(--surface-raised);
  --secondary-foreground: var(--text);
  --muted: var(--surface);
  --muted-foreground: var(--text-muted);
  /* Crimson (the 2026-10-15 design update): fills, borders, rings, icons and the
     destructive ACTIONS (buttons, menu items). Never error text: error text
     reads the lighter --text-danger (Tailwind `text-danger`,
     tailwind-theme.css; colors.css has the measured ratios of both). */
  --destructive: var(--red-400);
  --destructive-foreground: #FFFFFF;
  --input: var(--border-strong);
  --ring: var(--focus-ring);

  /* The Tailwind radius scale — `rounded-sm … rounded-xl`, and the vendored
     components' direct var(--radius-md) reads — derived from one --radius. */
  --radius: 0.625rem;
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
}