/* Single source of truth for shadcn, the native workspace, and static articles. */
:root {
  color-scheme: light;
  --background: #fafaf9;
  --foreground: #202124;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --muted: #f1f1ef;
  --muted-foreground: #63666b;
  --border: #dededb;
  --input: #d3d4d2;
  --ring: #c4491b;
  --primary: #c4491b;
  --primary-foreground: #ffffff;
  --primary-soft: #fff0e9;
  --secondary: #eeeeeb;
  --secondary-foreground: var(--foreground);
  --accent: #f1ece8;
  --accent-foreground: var(--foreground);
  --destructive: #b42318;
  --destructive-background: #fef2f2;
  --destructive-border: #fecaca;
  --success: #217347;
  --success-background: #eaf6ee;
  --warning: #8a5b0a;
  --warning-background: #fff5dd;
  --header: #202124;
  --header-foreground: #f9f9f8;
  --header-muted: #b8babc;
  --header-border: #3b3d40;
  --sidebar: #f3f3f1;
  --sidebar-foreground: var(--foreground);
  --sidebar-accent: var(--primary-soft);
  --sidebar-accent-foreground: var(--primary);
  --sidebar-border: var(--border);
  --radius: .625rem;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .04);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; color: var(--foreground); background: var(--background); }
button, input, textarea, select { font-family: inherit; }

/* Native editor controls follow the same component contract as shadcn/ui. */
.button, .text-button {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 40px; padding: .5rem 1rem; border: 1px solid var(--input);
  border-radius: calc(var(--radius) - 2px); background: var(--card);
  color: var(--foreground); font-family: inherit; font-weight: 500; font-size: 13px; line-height: 1.4; cursor: pointer;
  text-decoration: none; transition: background-color .15s, border-color .15s;
}
.button:hover, .text-button:hover { background: var(--accent); }
.button.primary { border-color: var(--primary); background: var(--primary); color: var(--primary-foreground); }
.button.primary:hover { filter: brightness(.94); }
.text-button { border-color: transparent; background: transparent; padding-inline: .6rem; }
.button:disabled, .text-button:disabled { opacity: .5; cursor: not-allowed; }
.panel { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
:where(button, a, input, textarea, select, summary, [tabindex]):focus-visible { outline: 2px solid var(--ring); outline-offset: 3px; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; } }