/* Design tokens. Every colour, radius and font used in the app lives here. */
:root {
  /* Paper & ink */
  --paper: #fff8ee;
  --paper-2: #fdeedb;
  --paper-3: #f6dfc3;
  --ink: #3b2a2a;
  --ink-soft: #7a5c55;
  --ink-faint: #b39a8f;

  /* Festive brand */
  --berry: #d2334a;
  --berry-dark: #a3203a;
  --berry-soft: #fbd9dd;
  --pine: #2f7a57;
  --pine-dark: #1f5a40;
  --pine-soft: #d6efe2;
  --gold: #f2b544;
  --gold-dark: #c98b17;
  --gold-soft: #fdf0cf;
  --sky: #24345f;
  --sky-dark: #172341;
  --frost: #e8f3fb;
  --white: #ffffff;

  /* Feedback */
  --focus: #2f8fd8;

  /* Shape */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Depth */
  --shadow-soft: 0 2px 0 rgba(59, 42, 42, .08), 0 8px 24px rgba(59, 42, 42, .10);
  --shadow-lift: 0 4px 0 rgba(59, 42, 42, .10), 0 14px 34px rgba(23, 35, 65, .22);

  /* Type */
  --font-display: "Fredoka", "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
  --font-body: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-script: "Dancing Script", "Snell Roundhand", "Segoe Script", cursive;

  /* Layout */
  --frame-max: 560px;
  --gutter: 16px;
}