/* Shared visual tokens for app pages and request-rendered writing pages. */
:root {
  --ink: 0 0% 4.705882%; /* #0C0C0C */
  --paper: 0 0% 100%; /* #FFFFFF */
  --paper-2: var(--paper);
  --surface: var(--paper);
  --muted-ink: 0 0% 26.666667%; /* #444444 */
  --rule: var(--ink);
  --light-rule: 0 0% 89.411765%; /* #E4E4E4 */
  --ember: 231.696429 100% 56.078431%; /* #1F3DFF */
  --ember-hover: 231.803279 81.333333% 44.117647%; /* #1530CC */
  --on-ember: var(--paper);
  --band: var(--ink);
  --band-text: var(--paper);
  --band-accent: var(--paper);
  --background: var(--paper);
  --foreground: var(--ink);
  --card: var(--paper);
  --card-foreground: var(--ink);
  --popover: var(--paper);
  --popover-foreground: var(--ink);
  --primary: var(--ember);
  --primary-foreground: var(--paper);
  --secondary: var(--paper);
  --secondary-foreground: var(--ink);
  --muted: var(--paper);
  --muted-foreground: var(--muted-ink);
  --accent: var(--paper);
  --accent-foreground: var(--ink);
  --destructive: var(--ink);
  --destructive-foreground: var(--paper);
  --border: var(--light-rule);
  --input: var(--ink);
  --ring: var(--ember);
  --radius: 0;
  --section-bg: var(--paper);
  --sidebar-background: var(--paper);
  --sidebar-foreground: var(--ink);
  --sidebar-primary: var(--ember);
  --sidebar-primary-foreground: var(--paper);
  --sidebar-accent: var(--paper);
  --sidebar-accent-foreground: var(--ink);
  --sidebar-border: var(--light-rule);
  --sidebar-ring: var(--ember);
  --site-font: "Archivo", system-ui, sans-serif;
}
/* Enforce the square, shadow-free theme even on shared UI primitives. */
*, *::before, *::after { border-radius: 0 !important; box-shadow: none !important; }
:focus-visible { outline: 2px solid hsl(var(--ember)) !important; outline-offset: 2px !important; }