/* WaywardJay design tokens — shared by every site in this repo.
   Each site copies this file into its own folder at build time (see README), so a
   site is deployable on its own. Change values here, never in a site's copy. */

:root {
  /* Jay blues, from the mascot */
  --jay-900: #06224D;
  --jay-700: #0B4DA2;
  --jay-500: #1E7BE0;
  --jay-300: #6EC1FF;
  --jay-100: #DCEEFF;

  /* Warm accent, from the logo's sparkle. Sparingly: one use per view. */
  --amber-500: #F5B83D;
  --amber-600: #E08A1E;

  /* Dark neutrals (resume, Scriptaris) */
  --ink-0: #0B0C0E;   /* page */
  --ink-1: #141518;   /* raised */
  --ink-2: #1E1F22;   /* panel */
  --ink-3: #2A2C31;   /* input, pill */
  --ink-4: #3A3D44;   /* border, hover */
  --fg-1: #F2F4F7;    /* text on dark */
  --fg-2: #A9AFBA;    /* secondary text on dark */
  --fg-3: #8A919D;    /* captions on dark; AA on --ink-0 and --ink-2 */

  /* Light neutrals (waywardjay.com) */
  --paper: #FFFFFF;
  --mist: #EEF4FB;
  --dot: #C9D6E6;
  --text: #0F1B2D;
  --text-2: #475569;

  /* Scriptaris, matching the app's palette (Scriptaris App/src/ui/theme/colors.ts) */
  --ember: #F0953F;
  --ember-deep: #B45F11;
  --sx-ink-900: #08090C;
  --sx-ink-800: #0E0F13;
  --sx-ink-700: #15171E;
  --sx-ink-600: #1E212A;
  --sx-ink-500: #2B2F3A;
  --sx-paper: #F7F6F4;
  --parchment: #F4ECD8;
  --sepia-ink: #3B3224;

  /* Type */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif;
  --font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: clamp(2rem, 4vw + 1rem, 3.25rem);

  /* Shape and space */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 40px;
  --space-7: 64px;
  --maxw: 1080px;

  --focus: 0 0 0 3px var(--jay-300);
  --shadow-1: 0 1px 2px rgb(0 0 0 / .25), 0 8px 24px rgb(0 0 0 / .25);
  --ease: cubic-bezier(.2, .7, .2, 1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}