/* Panna Studio brand tokens v1 (Nov 2026). Import once, globally. */
:root {
  /* Core palette */
  --panna-ink:    #1E1D1B;  /* matte black: logo, primary text */
  --panna-paper:  #EDEAE0;  /* warm white: default page background */
  --panna-linen:  #E2D5BF;  /* linen beige: alt section background */
  --panna-oak:    #D2B48C;  /* light oak: accent surfaces, dividers */
  --panna-stone:  #BEB7AD;  /* warm gray: borders, muted text on ink */
  --panna-sage:   #5F7A57;  /* sage green: accent, large text and fills only on paper (3.96:1) */
  --panna-sage-deep: #4A6143; /* sage for small text and links on paper (5.66:1) */

  /* Semantic */
  --color-bg: var(--panna-paper);
  --color-bg-alt: var(--panna-linen);
  --color-bg-inverse: var(--panna-ink);
  --color-text: var(--panna-ink);
  --color-text-inverse: var(--panna-paper);
  --color-text-muted: #5A5751;      /* 5.98:1 on paper */
  --color-accent: var(--panna-sage);
  --color-link: var(--panna-sage-deep);
  --color-border: var(--panna-stone);
  --color-logo: var(--panna-ink);   /* logo SVGs with currentColor inherit this via color: */

  /* Type */
  --font-display: "Cormorant Garamond", "Times New Roman", serif; /* matches the logo lettering; headings only */
  --font-body: "Jost", "Helvetica Neue", Arial, sans-serif;        /* body, UI, nav, buttons */
  --font-jp: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; /* katakana accents only */
  --tracking-caps: 0.18em;          /* all-caps labels, nav, taglines */

  /* Logo sizing */
  --logo-header-h: 40px;            /* lockup height in desktop header */
  --logo-header-h-mobile: 32px;
  --logo-seal-hero: clamp(200px, 32vw, 340px);
  --logo-seal-min: 96px;            /* never render the seal smaller */

  /* Shape and space */
  --radius: 2px;                    /* near-square, architectural */
  --space-unit: 8px;
}