/*
  LAYER 1 - PRIMITIVES. Raw values only, no meaning.

  This is the only place a hex code, a px size or a font name may be written. Nothing here is applied to
  an element; a theme (css/themes/*.css) picks from these and gives each pick a role. Pages and
  components (site.css, home.css) read roles, never primitives.

  To redesign: add or edit values here, then point a theme at them. To add a theme: copy
  themes/midnight.css, change what differs, and set ViewData["Theme"] on the pages that use it.
*/

:root {
  /* ---------- palette ---------- */

  /* Paper (default theme, light) */
  --p-paper-50:  #fbfbfa;
  --p-paper-100: #f2f1ee;
  --p-paper-150: #f0efec;
  --p-paper-300: #dedcd6;
  --p-white:     #ffffff;
  --p-ink-600:   #5c5c56;
  --p-ink-900:   #1a1a18;
  --p-blue-700:  #1550a0;
  --p-blue-50:   #e6eef8;
  --p-red-700:   #b3261e;

  /* Charcoal (default theme, dark) */
  --p-char-100:  #e8e8e4;
  --p-char-400:  #9d9d96;
  --p-char-700:  #2f3336;
  --p-char-750:  #24282b;
  --p-char-800:  #1e2124;
  --p-char-900:  #16181a;
  --p-char-950:  #121415;
  --p-teal-300:  #4fd1d8;
  --p-teal-950:  #06232b;
  --p-ocean-900: #12283a;
  --p-red-200:   #f2b8b5;

  /* Midnight (home redesign) - neutrals */
  --p-onyx-950:  #0d0e11;
  --p-onyx-900:  #121316;
  --p-onyx-700:  #2d3038;
  --p-gray-100:  #e3e2e6;
  --p-gray-300:  #c7c6ca;
  --p-gray-400:  #ababaf;
  --p-gray-600:  #77777a;
  --p-gray-700:  #5e5e62;
  --p-gray-800:  #44474e;

  /* Midnight - blue-tinted surfaces and text */
  --p-slate-200: #bec6dc;
  --p-steel-400: #8891a5;
  --p-slate-800: #283041;
  --p-navy-900:  #131c2b;

  /* Midnight - sky accent ramp */
  --p-sky-100:   #d7e3ff;
  --p-sky-200:   #abc7ff;
  --p-sky-300:   #7cabff;
  --p-sky-400:   #438fff;
  --p-sky-950:   #002f65;

  /* ---------- typefaces ---------- */
  --p-font-system:      system-ui, -apple-system, "Segoe UI", sans-serif;
  --p-font-system-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --p-font-inter:       Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --p-font-jetbrains:   "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* ---------- spacing (named by px at a 16px root, expressed in rem) ---------- */
  --space-4:   0.25rem;
  --space-8:   0.5rem;
  --space-10:  0.625rem;
  --space-12:  0.75rem;
  --space-16:  1rem;
  --space-20:  1.25rem;
  --space-24:  1.5rem;
  --space-28:  1.75rem;
  --space-32:  2rem;
  --space-48:  3rem;
  --space-56:  3.5rem;

  /* ---------- radii ---------- */
  --radius-4:  4px;
  --radius-6:  6px;
  --radius-8:  8px;
  --radius-12: 12px;

  /* ---------- layout ---------- */
  --gutter:      clamp(1rem, 5vw, 4rem);
  --well-width:  1100px;
  --measure:     68ch;

  /* ---------- motion ---------- */
  --duration-fast:  100ms;
  --duration-base:  200ms;
  --ease-standard:  cubic-bezier(0.2, 0, 0, 1);
}