/* basecoat-theme.css — jembatan token Storyline → Basecoat.
   Basecoat membaca --color-* (layer theme). File ini unlayered, jadi menang.
   Ubah palet di token OKLCH app.css; jangan set warna per komponen di sini.
   --accent app.css = warna brand (terracotta); Basecoat --accent = hover wash,
   maka dipetakan lewat --color-accent, bukan --accent. */
:root {
	--color-background: var(--paper);
	--color-foreground: var(--ink);
	--color-card: var(--panel-solid);
	--color-card-foreground: var(--ink);
	--color-popover: var(--paper-2);
	--color-popover-foreground: var(--ink);
	--color-primary: var(--accent);
	--color-primary-foreground: var(--paper-2);
	--color-secondary: var(--muted-panel-2);
	--color-secondary-foreground: var(--ink);
	--color-muted: var(--muted-panel);
	--color-muted-foreground: var(--ink-soft);
	--color-accent: var(--accent-wash);
	--color-accent-foreground: var(--ink);
	--color-destructive: var(--danger);
	--color-border: var(--line);
	--color-input: var(--line);
	--color-ring: var(--accent);
	--color-sidebar: var(--paper-2);
	--color-sidebar-foreground: var(--ink);
	--color-sidebar-primary: var(--accent);
	--color-sidebar-primary-foreground: var(--paper-2);
	--color-sidebar-accent: var(--accent-wash);
	--color-sidebar-accent-foreground: var(--ink);
	--color-sidebar-border: var(--line);
	--color-sidebar-ring: var(--accent);
	--font-sans: var(--sans);
}