/* ============================================================
   Sugar Gravel — Colour tokens
   Source: official brand guide ("Farben") — Primär- & Sekundärfarben.
   ============================================================ */
:root {
  /* ---- Brand palette (verbatim from the guide) ---- */
  --sg-blackberry: #c24391;   /* Primär · CMYK 24/85/0/0 · RGB 194 67 145 */
  --sg-turkis:     #97cfbc;   /* Primär · CMYK 45/0/33/0 · RGB 151 207 188 */
  --sg-caramel:    #c58754;   /* Sekundär · CMYK 0/43/63/26 · RGB 197 135 84 */
  --sg-white:      #ffffff;
  --sg-black:      #000000;

  /* ---- Tints & shades (derived for interaction states / layering) ---- */
  --sg-blackberry-700: #a8377d;  /* hover */
  --sg-blackberry-800: #8d2c68;  /* pressed / deep panel */
  --sg-blackberry-300: #e3a8cd;  /* soft tint on light surfaces */

  --sg-turkis-600: #7cbcaa;      /* hover on türkis */
  --sg-turkis-700: #63a895;      /* pressed */
  --sg-turkis-200: #d3ece4;      /* pale wash */

  --sg-caramel-600: #b0743f;     /* hover */
  --sg-caramel-700: #985f30;     /* pressed */
  --sg-caramel-200: #ecd2ba;     /* pale wrapper / wash */

  --sg-ink:   #1c1c1c;           /* near-black text on light bg */
  --sg-ink-60: rgba(28,28,28,.62);
  --sg-paper: #fbf7f2;           /* warm off-white surface */

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--sg-paper);
  --bg-pink:        var(--sg-blackberry);
  --bg-mint:        var(--sg-turkis);
  --bg-caramel:     var(--sg-caramel);
  --bg-dark:        var(--sg-ink);

  --surface-card:   var(--sg-white);
  --surface-mint:   var(--sg-turkis);
  --surface-overlay: rgba(0,0,0,.28);   /* photo-darkening overlay */

  --text-on-light:  var(--sg-ink);
  --text-muted:     var(--sg-ink-60);
  --text-on-pink:   var(--sg-white);
  --text-on-mint:   var(--sg-white);
  --text-on-caramel:var(--sg-white);
  --text-on-dark:   var(--sg-white);
  --text-link:      var(--sg-caramel);

  --border-subtle:  rgba(28,28,28,.14);
  --border-on-pink: rgba(255,255,255,.55);

  --accent:         var(--sg-blackberry);
  --accent-alt:     var(--sg-turkis);
}