/**
 * Tailwind v4 theme contract for miniapps that already use Tailwind. The
 * public SDK rewrites the sibling theme import when it copies this file.
 */
@import './theme.css';

@custom-variant dark (&:where(.dark, .dark *));

@theme inline {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Chivo Mono', ui-monospace, SFMono-Regular, monospace;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-popover-accent: var(--popover-accent);
  --color-tooltip-chrome: var(--tooltip-chrome);
  --color-tooltip-chrome-foreground: var(--tooltip-chrome-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-primary-hover: var(--primary-hover);
  --color-primary-accent: var(--primary-accent);
  --color-primary-accent-foreground: var(--primary-accent-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-secondary-hover: var(--secondary-hover);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-destructive-hover: var(--destructive-hover);
  --color-destructive-accent: var(--destructive-accent);
  --color-destructive-accent-foreground: var(--destructive-accent-foreground);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
  --color-warning-accent: var(--warning-accent);
  --color-warning-accent-foreground: var(--warning-accent-foreground);
  --color-success: var(--success);
  --color-success-foreground: var(--success-foreground);
  --color-success-accent: var(--success-accent);
  --color-success-accent-foreground: var(--success-accent-foreground);
  --color-info: var(--info);
  --color-info-foreground: var(--info-foreground);
  --color-info-accent: var(--info-accent);
  --color-info-accent-foreground: var(--info-accent-foreground);
  --color-border: var(--border);
  --color-border-focus: var(--border-focus);
  --color-border-error: var(--border-error);
  --color-input: var(--input);
  --color-input-background: var(--input-background);
  --color-input-border-focus: var(--input-border-focus);
  --color-input-border-error: var(--input-border-error);
  --color-ring: var(--ring);
  --color-ring-focus: var(--ring-focus);
  --color-text-secondary: var(--text-secondary);
  --color-text-tertiary: var(--text-tertiary);
  --color-text-subheader: var(--text-subheader);
  --color-text-contrast: var(--text-contrast);
  --color-interactive-default: var(--interactive-default);
  --color-interactive-hover: var(--interactive-hover);
  --color-interactive-active: var(--interactive-active);
  --color-interactive-focus: var(--interactive-focus);
  --color-interactive-card-hover: var(--interactive-card-hover);
  --color-surface-border-1: var(--surface-border-1);
  --color-surface-border-2: var(--surface-border-2);
  --color-surface-level-1: var(--surface-level-1);
  --color-surface-level-1-border: var(--surface-level-1-border);
  --color-surface-level-2: var(--surface-level-2);
  --color-surface-level-minus-1: var(--surface-level-minus-1);
  --color-surface-tag: var(--surface-tag);
  --color-workspace-divider: var(--workspace-divider);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --color-sidebar-surface: var(--sidebar-surface);
  --color-button-tertiary-default: var(--button-tertiary-default);
  --color-button-tertiary-hover: var(--button-tertiary-hover);
  --color-button-borderless-default: var(--button-borderless-default);
  --color-button-borderless-hover: var(--button-borderless-hover);
  --color-button-borderless-active: var(--button-borderless-active);
  --color-icon-active: var(--icon-active);
  --color-icon-secondary: var(--icon-secondary);
  --radius-lg: var(--radius);
  --radius-md: calc(var(--radius) - 2px);
  --radius-sm: calc(var(--radius) - 4px);
  --shadow-surface-sm: var(--shadow-surface-sm-value);
  --shadow-surface-md: var(--shadow-surface-md-value);
  --shadow-popover: var(--shadow-popover-value);
  --shadow-button-primary: var(--shadow-button-primary-value);
  --shadow-button-secondary: var(--shadow-button-secondary-value);
  --shadow-button-secondary-hover: var(--shadow-button-secondary-hover-value);
  --shadow-button-outline: var(--shadow-button-outline-value);
  --shadow-button-outline-hover: var(--shadow-button-outline-hover-value);
  --shadow-input-rest: var(--shadow-input-rest-value);
  --shadow-input-focus: var(--shadow-input-focus-value);
  --text-2xs: var(--font-size-metadata);
  --z-popover: 200;
  --z-modal: 200;
  --z-tooltip: 250;
}

@source '../ui.js';
@source './markdown.js';
@source './wasm.js';