:root {
  --color-sky: #8acdea;
  --color-dim: #746d75;
  --color-rose: #8c4843;
  --color-toffee: #9e643c;
  --color-lavender: #ede6f2;
  --color-white: #fffaf7;
  --color-ink: #3f3941;
  --color-soft: rgba(255, 250, 247, 0.72);
  --color-panel: rgba(255, 250, 247, 0.64);
  --shadow-soft: 0 24px 60px rgba(116, 109, 117, 0.18);
  --shadow-card: 0 16px 36px rgba(116, 109, 117, 0.16);
  --radius-sm: 8px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --container: min(1120px, calc(100% - 32px));
  --font-primary: "Comic Neue", "Comic Sans MS", cursive;
  --transition-fast: 180ms ease;
  --transition-medium: 320ms ease;
}