/* ===== Design Tokens · Sapphire & Ice (Trusted Psychic Ratings, 2026) ===== */
:root {
  /* Sapphire palette */
  --tpr-bg:        #EEF3F8;
  --tpr-bg-warm:   #DCE6F0;
  --tpr-bg-deep:   #081428;
  --tpr-paper:     #FFFFFF;
  --tpr-ink:       #081428;
  --tpr-ink-soft:  #334456;
  --tpr-ink-mute:  #7B8A96;
  --tpr-rule:      #C5D2DC;
  --tpr-rule-soft: #DCE5EC;
  --tpr-gold:      #2563EB;
  --tpr-gold-deep: #1D4ED8;
  --tpr-aubergine: #0F4C75;
  --tpr-teal:      #3282B8;

  /* Type */
  --tpr-serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
  --tpr-sans:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tpr-mono:  "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* Scale */
  --tpr-step-h1: clamp(48px, 8vw, 108px);
  --tpr-step-h2: clamp(36px, 5vw, 56px);
  --tpr-step-h3: clamp(22px, 2.2vw, 30px);
  --tpr-gutter:  clamp(20px, 4vw, 48px);

  /* Back-compat aliases — old --c-* names map onto the new palette so legacy
     templates (single-psychic, taxonomy-*, page-review, etc.) restyle for free. */
  --c-primary:       var(--tpr-gold);
  --c-primary-dark:  var(--tpr-gold-deep);
  --c-primary-light: var(--tpr-teal);
  --c-accent:        var(--tpr-gold);
  --c-accent-light:  var(--tpr-gold-deep);
  --c-bg:            var(--tpr-bg);
  --c-surface:       var(--tpr-paper);
  --c-surface-alt:   var(--tpr-bg-warm);
  --c-text:          var(--tpr-ink);
  --c-text-light:    var(--tpr-ink-soft);
  --c-text-inv:      var(--tpr-paper);
  --c-border:        var(--tpr-rule);
  --c-border-dark:   var(--tpr-rule);
  --c-star:          var(--tpr-gold);
  --c-footer-bg:     var(--tpr-bg-deep);
  --c-footer-text:   #B8C4D0;
  --ff-heading: var(--tpr-serif);
  --ff-body:    var(--tpr-sans);
  --fw-normal: 400; --fw-medium: 500; --fw-semi: 600; --fw-bold: 700;
  --fs-xs:.75rem;  --fs-sm:.875rem;--fs-base:1rem; --fs-md:1.125rem;
  --fs-lg:1.25rem; --fs-xl:1.5rem; --fs-2xl:1.875rem;--fs-3xl:2.25rem;
  --fs-4xl:3rem;   --fs-5xl:3.75rem;
  --lh-tight:1.05;--lh-normal:1.55;--lh-relaxed:1.7;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
  --sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;
  --max-w:1280px;--max-w-narrow:780px;--gutter:48px;
  --r-sm:2px;--r-md:3px;--r-lg:4px;--r-xl:6px;--r-full:9999px;
  --shadow-xs:0 1px 2px rgba(8,20,40,.05);
  --shadow-sm:0 1px 3px rgba(8,20,40,.06);
  --shadow-md:0 6px 24px rgba(8,20,40,.08);
  --shadow-lg:0 20px 40px rgba(8,20,40,.10);
  --shadow-xl:0 30px 60px rgba(8,20,40,.12);
  --ease:cubic-bezier(.4,0,.2,1);--dur:200ms;--dur-slow:350ms;
}