/* ── Design Tokens — Revive ────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Bricolage+Grotesque:wght@400;500;600&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Brand */
  --violet:        #7952A8;
  --violet-dark:   #5A3080;
  --violet-light:  #F3EEF9;
  --violet-mid:    #EDE5F5;
  --gold:          #B8954A;
  --gold-light:    #F9F3E8;

  /* Neutrals */
  --cream:         #FAF7F2;
  --cream-50:      #F4F0EB;
  --cream-100:     #EBE6E0;
  --cream-200:     #E0D8D0;

  /* Text */
  --text-main:     #1A0E08;
  --text-sub:      #5A4A3D;
  --text-muted:    #857570;

  /* Borders */
  --border:        #E8DFF5;
  --border-soft:   #EBE1D3;

  /* Radius */
  --r-sm:   10px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-full: 999px;

  /* Shadow */
  --shadow-sm:  0 2px 8px rgba(121,82,168,0.08);
  --shadow-md:  0 8px 24px rgba(121,82,168,0.12);
  --shadow-lg:  0 20px 48px rgba(121,82,168,0.16);
  --shadow-xl:  0 32px 80px rgba(121,82,168,0.20);
}

html { scroll-behavior: smooth; }

body {
  background-color: var(--cream);
  color: var(--text-main);
  font-family: 'Bricolage Grotesque', system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; }
a   { color: inherit; }