/* PaperAudio design tokens: the single source of truth for colour, type, space and shape.
   Change fonts here only. See docs/brand.md. */
:root {
  /* Palette */
  --pa-lavender: #C9B8FF;
  --pa-mist-blue: #B8D6FF;
  --pa-peach: #FFD6C2;
  --pa-pink: #E8B5E3;
  --pa-soft-stone: #F3F0F8;
  --pa-charcoal: #1F2937;
  --pa-warm-white: #FAF9F6;
  --pa-violet: #5B3FC4;         /* links, focus, small accent text (AA on warm white) */
  --pa-slate: #4B5563;          /* secondary text */

  /* Semantic */
  --pa-bg: var(--pa-warm-white);
  --pa-surface: var(--pa-soft-stone);
  --pa-text: var(--pa-charcoal);
  --pa-text-muted: var(--pa-slate);
  --pa-link: var(--pa-violet);
  --pa-focus: var(--pa-violet);
  --pa-border: #E6E1EF;
  --pa-primary: var(--pa-lavender);
  --pa-on-primary: var(--pa-charcoal);

  /* Gradients (hero and artwork only) */
  --pa-grad-lavender-blue: linear-gradient(90deg, #C9B8FF, #B8D6FF);
  --pa-grad-blue-peach: linear-gradient(90deg, #B8D6FF, #FFD6C2);
  --pa-grad-purple-peach: linear-gradient(90deg, #A58BFF, #FFD6C2);
  --pa-grad-lavender-pink: linear-gradient(90deg, #C9B8FF, #E8B5E3);

  /* Type */
  --pa-font-display: "Comfortaa", ui-rounded, "Segoe UI", system-ui, sans-serif;
  --pa-font-body: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;
  --pa-text-hero: clamp(2.125rem, 1.5rem + 2.6vw, 3.25rem);
  --pa-text-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem);
  --pa-text-h3: 1.375rem;
  --pa-text-body: 1.0625rem;
  --pa-text-small: 0.875rem;
  --pa-text-caption: 0.75rem;
  --pa-leading-tight: 1.2;
  --pa-leading-body: 1.6;

  /* Space (4px scale) */
  --pa-space-1: 0.25rem;
  --pa-space-2: 0.5rem;
  --pa-space-3: 0.75rem;
  --pa-space-4: 1rem;
  --pa-space-6: 1.5rem;
  --pa-space-8: 2rem;
  --pa-space-12: 3rem;
  --pa-space-16: 4rem;

  /* Shape */
  --pa-radius-sm: 8px;
  --pa-radius-card: 16px;
  --pa-radius-pill: 999px;
  --pa-shadow-soft: 0 1px 2px rgba(31, 41, 55, 0.04), 0 8px 24px rgba(91, 63, 196, 0.08);
}