/* =========================================================
   StoryBloom — Brand System
   Premium & magisch, hell
   ========================================================= */
/* Schriften selbst ausgeliefert statt von Googles Servern geladen:
   kein Datenabfluss an Dritte (DSGVO), keine Abhängigkeit von einem fremden
   CDN und dadurch identische Darstellung in jeder Umgebung.
   Quelle: @fontsource/cormorant-garamond, @fontsource/hanken-grotesk (SIL OFL). */
@font-face {
  font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/cormorant-garamond-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap;
  src: url('fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 600; font-display: swap;
  src: url('fonts/cormorant-garamond-latin-600-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('fonts/cormorant-garamond-latin-700-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/hanken-grotesk-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/hanken-grotesk-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('fonts/hanken-grotesk-latin-800-normal.woff2') format('woff2');
}

:root {
  /* --- Base ---------------------------------------------- */
  --ivory:      #FAF5EF;
  --ivory-2:    #F4EAF0;
  --paper:      #FFFFFF;
  --ink:        #2A1426;
  --ink-soft:   #4F3346;

  /* --- Plum (primary) ------------------------------------ */
  --plum:       #4A2140;
  --plum-700:   #3A1A33;
  --plum-300:   #8A5C7B;

  /* --- Magical accents ----------------------------------- */
  --gold:       #C2933A;
  --gold-200:   #E8CE8B;
  --berry:      #C13E76;
  --berry-200:  #E79BBC;
  --petrol:     #1E7A7D;
  --petrol-200: #8CC9CB;

  --muted:      #8E7884;

  /* --- Type ---------------------------------------------- */
  --display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;

  /* --- Radii --------------------------------------------- */
  --r-sm: 12px;
  --r:    18px;
  --r-lg: 28px;
  --r-xl: 40px;
  --r-pill: 999px;

  /* --- Shadows (warm-toned) ------------------------------ */
  --sh-sm: 0 2px 10px rgba(42,20,38,0.06);
  --sh:    0 12px 36px rgba(42,20,38,0.10);
  --sh-lg: 0 34px 80px rgba(42,20,38,0.20);
  --sh-gold: 0 10px 30px rgba(194,147,58,0.30);

  /* --- Layout -------------------------------------------- */
  --max: 1180px;
  --text-max: 660px;
}

.bloom-gradient {
  background: linear-gradient(105deg, var(--berry) 0%, var(--plum) 42%, var(--gold) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}