/* PokéNomad Field Journal 1.0 — canonical values, 2026-09-05.
   Namespaced and opt-in. Importing this file alone changes no live component.
   Foundation values -> semantic roles -> component values. See foundations.md. */
:root {
  --pn-paper: #F9EFD9;
  --pn-paper-light: #FFFDF6;
  --pn-paper-deep: #F0E4C9;
  --pn-ink: #3A2E1F;
  --pn-ink-soft: #625641;
  --pn-ink-muted: #736550;
  --pn-rust: #A94232;
  --pn-rust-dark: #853426;
  --pn-sky: #236780;
  --pn-leaf: #3D6548;
  --pn-leaf-pale: #E6EDDD;
  --pn-ochre: #805714;
  --pn-ochre-pale: #F7E9C5;
  --pn-sun: #F4A428;
  --pn-danger: #9D2E31;
  --pn-danger-pale: #F9E5DF;
  --pn-rule: #D9CCA8;
  --pn-border-strong: #8A795E;

  --pn-bg: var(--pn-paper);
  --pn-surface: var(--pn-paper-light);
  --pn-surface-recessed: var(--pn-paper-deep);
  --pn-text: var(--pn-ink);
  --pn-text-secondary: var(--pn-ink-soft);
  --pn-text-muted: var(--pn-ink-muted);
  --pn-action: var(--pn-ink);
  --pn-on-action: var(--pn-paper-light);
  --pn-action-hover: var(--pn-ink-soft);
  --pn-accent: var(--pn-rust);
  --pn-link: var(--pn-sky);
  --pn-focus: var(--pn-sky);
  --pn-owned: var(--pn-leaf);
  --pn-owned-bg: var(--pn-leaf-pale);
  --pn-wanted: var(--pn-ochre);
  --pn-wanted-bg: var(--pn-ochre-pale);
  --pn-error: var(--pn-danger);
  --pn-error-bg: var(--pn-danger-pale);
  --pn-border: var(--pn-border-strong);
  --pn-divider: var(--pn-rule);
  --pn-tape: #EFD18A;

  --pn-font-display: 'Lora', Georgia, 'Times New Roman', serif;
  --pn-font-ui: 'Karla', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --pn-font-note: 'Caveat', 'Segoe Print', cursive;
  --pn-font-data: var(--pn-font-ui);
  --pn-type-caption: .8125rem;
  --pn-type-label: .875rem;
  --pn-type-body: 1rem;
  --pn-type-lead: 1.1875rem;
  --pn-type-note: 1.5rem;
  --pn-type-h3: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  --pn-type-h2: clamp(1.75rem, 1.4rem + 1vw, 2.25rem);
  --pn-type-title: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
  --pn-type-cover: clamp(2.375rem, 1.5rem + 3.2vw, 4.5rem);
  --pn-leading-body: 1.5;
  --pn-leading-heading: 1.1;

  --pn-space-1: .25rem;
  --pn-space-2: .5rem;
  --pn-space-3: .75rem;
  --pn-space-4: 1rem;
  --pn-space-6: 1.5rem;
  --pn-space-8: 2rem;
  --pn-space-12: 3rem;
  --pn-space-16: 4rem;
  --pn-space-24: 6rem;
  --pn-radius-control: .25rem;
  --pn-radius-paper: .125rem;
  --pn-radius-card: .5rem;
  --pn-control-height: 2.75rem;
  --pn-border-width: 1px;
  --pn-focus-width: 3px;
  --pn-focus-offset: 3px;
  --pn-measure: 65ch;
  --pn-width-editorial: 80rem;
  --pn-width-catalog: 97.5rem;
  --pn-gutter: clamp(1rem, 3vw, 3rem);
  --pn-grid-gap: clamp(.75rem, 1.4vw, 1.5rem);
  --pn-shadow-paper: 0 2px 4px #3A2E1F14, 0 12px 24px #3A2E1F0A;
  --pn-shadow-action: 3px 3px 0 var(--pn-sun);
  --pn-motion-fast: 120ms;
  --pn-motion-feedback: 180ms;
  --pn-motion-ease: cubic-bezier(.2, .8, .2, 1);
  --pn-z-toolbar: 20;
  --pn-z-feedback: 40;

  --pn-button-bg: var(--pn-action);
  --pn-button-text: var(--pn-on-action);
  --pn-button-radius: var(--pn-radius-control);
  --pn-card-mat: var(--pn-surface);
  --pn-card-gap: var(--pn-space-3);
  --pn-progress-fill: var(--pn-owned);
  --pn-progress-track: var(--pn-surface-recessed);
}