/* Notsly First Light v2 — approved white & contrast identity.
   Canonical values: docs/brand-guidelines.md. Shared by app and prototype. */
:root {
  --white: #ffffff;
  --plum: #482039;
  --terracotta: #a84332;
  --peach: #f8ddd0;
  --blush: #f2dadd;
  --butter: #f8e8ac;
  --charcoal: #302830;
  --muted: #625362;
  --line: #9c8796;
  --line-soft: #e5dce2;
  --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-hand: "Caveat", cursive;
  --bg: var(--white);
  --bg-panel: var(--white);
  --bg-card: var(--white);
  --bg-input: var(--white);
  --border: var(--line);
  --text: var(--charcoal);
  --text-dim: var(--muted);
  --accent: var(--plum);
  --accent-tint: var(--blush);
  --accent-strong: var(--terracotta);
  --secondary: var(--terracotta);
  --danger: #a12536;
  --ok: #266344;
  --radius: 14px;
}
::selection { background: var(--butter); color: var(--plum); }
:focus-visible { outline: 3px solid var(--plum); outline-offset: 3px; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
.brand-lockup { display: flex; align-items: center; gap: 10px; }
.brand-wordmark { font-family: var(--font-heading); font-weight: 600; font-size: 44px; line-height: 1; letter-spacing: -2px; color: var(--plum); }
.brand-wordmark i { font-weight: 500; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}