/* The Psychic Group. Site created by SiteRevive.design © 2026. */
/* The Psychic Group: design tokens. Shared by every page.
   Two seeds, both sampled from the client's own logo artwork:
     seed-violet  #661bb2  the violet of the night sky inside the medallion
     seed-gold    #f4c23a  the gold of the ring and the lettering
   Every other colour is COMPUTED from those two. The hex block is the same arithmetic
   written out for browsers without relative colour syntax; the @supports block below
   restates it as formulas so the derivation lives in the stylesheet. */

@font-face { font-family: "Cinzel"; src: url("../fonts/cinzel-var.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Cormorant"; src: url("../fonts/cormorant-italic-var.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("../fonts/source-sans-3-var.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }

:root {
  --seed-violet: #661bb2;   /* oklch(0.436 0.212 299.2) */
  --seed-gold:   #f4c23a;   /* oklch(0.837 0.154 87.3)  */

  --ground:      #f8f5fd;   /* violet  l .975  c x.05 */
  --ground-2:    #eeeaf9;   /* violet  l .945  c x.10 */
  --surface:     #fefdff;   /* violet  l .995  c x.015 */
  --vellum:      #fcf3dc;   /* gold    l .965  c x.20 */
  --line:        #d4cbe9;   /* violet  l .86   c x.20 */
  --ink:         #291248;   /* violet  l .25   c x.45 */
  --ink-soft:    #43335e;   /* violet  l .36   c x.35 */
  --mute:        #5a4e72;   /* violet  l .45   c x.28 */
  --violet-deep: #550199;   /* violet  l -.06  c x.95 */
  --violet-soft: #d7c7fb;   /* violet  l .86   c x.35 */
  --violet-lit:  #c3a5fd;   /* violet  l .78   c x.60 */
  --gold-deep:   #8b5900;   /* gold    l -.33  c x.80 h -10 */
  --gold-dark:   #6f4000;   /* gold    l -.42  c x.75 h -12: small gold text on light */
  --gold-lit:    #f8e39c;   /* gold    l +.08  c x.60 h +6  */
  --gold-ink:    #280b49;   /* violet  l .24   c x.50 */
  --sage:        #30754d;   /* gold    l -.33  c x.62 h +68 */
  --sage-soft:   #d5f0dd;   /* gold    l .93   c x.25 h +68 */
  --night:       #200b49;   /* violet  l .23   c x.50 h -8 */
  --night-2:     #150237;   /* violet  l .18   c x.45 h -8 */
  --night-ink:   #f0ecf9;   /* violet  l .95   c x.08 */
  --night-mute:  #c1b9d3;   /* violet  l .80   c x.18 */

  --f-display: "Cinzel", "Trajan Pro", Georgia, serif;
  --f-script:  "Cormorant", "Cormorant Garamond", Georgia, serif;
  --f-body:    "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* type scale, trimmed 10 percent from the first pass */
  --t-hero:  clamp(2.05rem, 1.2rem + 3.6vw, 4.1rem);
  --t-h2:    clamp(1.6rem, 1.1rem + 1.9vw, 2.6rem);
  --t-h3:    clamp(1.12rem, 1rem + .45vw, 1.35rem);
  --t-body:  1.0625rem;

  --wrap: 1160px;
  --pad-sec: clamp(3.6rem, 2.4rem + 4.4vw, 6.4rem);
  --r-pill: 100px;
  --ease: cubic-bezier(.22,.8,.24,1);
  --shadow-soft: 0 1px 2px rgb(41 18 72 / .06), 0 12px 32px -14px rgb(41 18 72 / .22);
  --shadow-lift: 0 2px 4px rgb(41 18 72 / .07), 0 26px 50px -20px rgb(85 1 153 / .34);
  --drop: drop-shadow(0 16px 22px rgb(41 18 72 / .16));
}

@supports (color: oklch(from red l c h)) {
  :root {
    --seed-violet: oklch(0.436 0.212 299.2);
    --seed-gold:   oklch(0.837 0.154 87.3);
    --ground:      oklch(from var(--seed-violet) .975 calc(c * .05) h);
    --ground-2:    oklch(from var(--seed-violet) .945 calc(c * .10) h);
    --surface:     oklch(from var(--seed-violet) .995 calc(c * .015) h);
    --vellum:      oklch(from var(--seed-gold) .965 calc(c * .20) h);
    --line:        oklch(from var(--seed-violet) .86 calc(c * .20) h);
    --ink:         oklch(from var(--seed-violet) .25 calc(c * .45) h);
    --ink-soft:    oklch(from var(--seed-violet) .36 calc(c * .35) h);
    --mute:        oklch(from var(--seed-violet) .45 calc(c * .28) h);
    --violet-deep: oklch(from var(--seed-violet) calc(l - .06) calc(c * .95) h);
    --violet-soft: oklch(from var(--seed-violet) .86 calc(c * .35) h);
    --violet-lit:  oklch(from var(--seed-violet) .78 calc(c * .60) h);
    --gold-deep:   oklch(from var(--seed-gold) calc(l - .33) calc(c * .80) calc(h - 10));
    --gold-dark:   oklch(from var(--seed-gold) calc(l - .42) calc(c * .75) calc(h - 12));
    --gold-lit:    oklch(from var(--seed-gold) calc(l + .08) calc(c * .60) calc(h + 6));
    --gold-ink:    oklch(from var(--seed-violet) .24 calc(c * .50) h);
    --sage:        oklch(from var(--seed-gold) calc(l - .33) calc(c * .62) calc(h + 68));
    --sage-soft:   oklch(from var(--seed-gold) .93 calc(c * .25) calc(h + 68));
    --night:       oklch(from var(--seed-violet) .23 calc(c * .50) calc(h - 8));
    --night-2:     oklch(from var(--seed-violet) .18 calc(c * .45) calc(h - 8));
    --night-ink:   oklch(from var(--seed-violet) .95 calc(c * .08) h);
    --night-mute:  oklch(from var(--seed-violet) .80 calc(c * .18) h);
  }
}