:root{
  /* Colors */
  --bg: #F7F9FB;
  --card: #FFFFFF;
  --text: #2E2E2E;
  --muted: #7A7A7A;
  --border: #E4E7EC;

  --primary: #6EC1E4;      /* Bubble Blue */
  --accent: #B39DDB;       /* Soft Lavender */
  --warm: #FFD6C9;         /* Peach */
  --mint: #B8E6D0;

  --success: #00C389;
  --warning: #F2B705;
  --danger:  #D92D20;
  --info:    #2E90FA;

  /* Radius */
  --radius-card: 16px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-soft: 0 10px 30px rgba(16,24,40,.08);

  /* Spacing (8er Raster) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 16px;
  --s-4: 24px;
  --s-5: 32px;
}