/* Arisa Studio — shared design tokens (colors, fonts).
   Single source of truth for the brand CSS custom properties used across
   every page. A byte-identical copy lives at landing/assets/theme.css —
   two copies, not one, only because landing/ (Cloudflare Pages) and
   static/ (the FastAPI app on Hetzner) are two independently-hosted
   deployments with no shared origin a single <link> could reach across.
   Keep both copies in sync by hand when either changes.

   A future second theme (e.g. dark mode) can be added here later as a
   `:root[data-theme="..."]` override block without touching any page that
   links to this file — not built yet, just left room for it. */

:root {
  --color-primary: #0a0453;
  --color-primary-rgb: 10, 4, 83;
  --color-secondary: #5b2eff;
  --color-accent: #fe6a01;
  --color-accent-hover: #e05c00;
  --color-bg: #FAF8F5;
  --color-surface: #FFFFFF;
  --color-border: #DCD7CE;
  --color-text: #23262B;
  --color-text-muted: #3D424A;
  --color-text-faint: #5B616B;

  --on-primary: #FFFFFF;
  --on-primary-muted: #C3CBD8;
  --on-primary-faint: #9AA3B4;
  --on-primary-accent: #9d8bff;

  --font-heading: 'Archivo', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}