/* Theme "Sonnenaufgang": warm, erdig, ORANGE als Hauptfarbe (Wunsch Juls), Terracotta als Tiefe, Gold als Akzent. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..700&family=Manrope:wght@400;500;600;700&display=swap');
:root {
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --display-weight: 500;
  --display-tracking: -0.01em;
  --fs-base: 17px;

  --bg: #FCF4E9;            /* Creme, minimal waermer */
  --bg-alt: #F8E4CF;        /* Sand mit Orange-Hauch: Sektionshintergruende */
  --surface: #FFFCF7;
  --ink: #3B2A22;           /* Tinte-Braun */
  --ink-soft: #6E5646;
  --line: #EFD9C3;
  --line-strong: #DDB98F;

  --primary: #F07A2A;       /* Orange: Buttons, Links, Zaehler, Akzentflaechen */
  --primary-hover: #D9631A;
  --on-primary: #FFF8F1;
  --primary-soft: #FDE4CF;  /* helles Orange fuer Hintergruende/Badges */
  --accent: #F3A77A;        /* Apricot */
  --accent-2: #D8A24A;      /* Gold: Haarlinien, Sonnenstrahlen */
  --deep: #C2603E;          /* Terracotta: Ueberschriften-Akzente, Hover, Hero-Verlauf */

  --success: #6E8F5E;
  --warning: #D8A24A;
  --danger: #B5433A;

  --radius: 22px;
  --radius-btn: 999px;
  --radius-input: 12px;
  --shadow: 0 18px 40px -20px rgba(120, 60, 20, .35);
  --container: 1160px;
}