/*
 * Iona -> shadcn/ui bridge.
 *
 * Import this after tokens/build/css/tokens.css and before Tailwind's utility
 * layer. It maps Iona semantic variables onto the CSS custom properties used
 * by shadcn/ui components and blocks.
 */

:root {
  color-scheme: light;

  --background: var(--surface-default);
  --foreground: var(--text-primary);

  --card: var(--surface-raised);
  --card-foreground: var(--text-primary);

  --popover: var(--surface-raised);
  --popover-foreground: var(--text-primary);

  --primary: var(--accent-default);
  --primary-foreground: var(--text-on-accent);

  --secondary: var(--surface-raised);
  --secondary-foreground: var(--text-primary);

  --muted: var(--surface-raised);
  --muted-foreground: var(--text-secondary);

  --accent: var(--surface-raised);
  --accent-foreground: var(--text-primary);

  --destructive: var(--danger-default);
  --destructive-foreground: var(--text-on-accent);

  --border: var(--border-default);
  --input: var(--border-default);
  --ring: var(--accent-default);

  --radius: var(--radius-md);
}

[data-theme="dark"] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
  }
}