/*
 * Pinnacle design tokens, v0.1 (19 October 2026).
 * Extracted from Pinnacle_Intelligence_Prototype.html and CLAUDE_CODE_BRIEF.md
 * (Pinnacle_Design_System_Handoff). Prototype values, not a finished brand spec:
 * contrast is checked per use below, and any change is made here, never per page.
 */
:root {
  /* Porcelain (default) */
  --pn-paper: #f4f4f2;
  --pn-paper-raised: #fafaf8;
  --pn-ink: #17191b;
  --pn-ink-soft: #3b3e41;
  --pn-muted: #5f6366;      /* body-size secondary text: 5.5:1 on paper (prototype #73777a is 4.1:1, kept for large text only) */
  --pn-muted-large: #73777a;
  --pn-line: rgba(17, 20, 25, .11);
  --pn-line-strong: rgba(17, 20, 25, .2);

  /* Obsidian (hero moments and emphasis bands, not whole pages of reading) */
  --pn-obsidian: #111315;
  --pn-obsidian-raised: #1b1d20;
  --pn-on-obsidian: #f4f4f1;
  --pn-on-obsidian-muted: #b3b5b6;   /* 9.0:1 on obsidian */

  /* Liquid Glass (navigation, selected cards, meaningful foreground layers only) */
  --pn-glass-fill: linear-gradient(140deg, rgba(255,255,255,.81), rgba(255,255,255,.37) 48%, rgba(255,255,255,.69));
  --pn-glass-fallback: rgba(250, 250, 248, .96);
  --pn-glass-edge: rgba(255, 255, 255, .9);
  --pn-glass-shadow: 0 24px 70px rgba(34, 34, 34, .07), inset 0 1px 0 #fff;
  --pn-glass-blur: blur(28px) saturate(140%);

  /* Utility, not brand accent */
  --pn-focus: #4f6b80;   /* focus ring, 5.1:1 on paper; the prototype's #869bab is 2.6:1, under the 3:1 non-text minimum */

  /* Shape and motion */
  --pn-radius-control: 999px;
  --pn-radius-card: 22px;
  --pn-radius-feature: 29px;
  --pn-ease: cubic-bezier(.22, 1, .36, 1);

  /* Type */
  --pn-font: Manrope, 'Helvetica Neue', Arial, sans-serif;
  --pn-font-math: Georgia, 'Times New Roman', serif;
  --pn-track-display: -.075em;
  --pn-track-label: .18em;

  /* Layout */
  --pn-shell: 1240px;
  --pn-gutter: 26px;
}

@media (max-width: 500px) {
  :root { --pn-gutter: 16px; }
}