:root {
  /* --- Color Palette --- */

  /* Backgrounds */
  --bg: #fef9e7;
  --bg-card: #ffffff;
  --bg-highlight: #fff5c4;
  --panel: #fff3d6;
  --panel-strong: #ffe59a;
  --panel-muted: #fbe7b2;

  /* Text */
  --text: #1e392a;
  --muted: #5d6d7e;
  --text-muted: #5d6d7e;
  --text-light: #ffffff;

  /* Primary palette */
  --primary: #27ae60;
  --primary-hover: #1e8449;
  --secondary: #f1c40f;
  --secondary-hover: #d4ac0d;
  --accent: #e74c3c;
  --accent-hover: #c0392b;

  /* Status aliases */
  --warning: var(--secondary);
  --danger: var(--accent);
  --success: var(--primary);

  /* UI tokens */
  --border: #d5d8dc;
  --divider: #e6e9ed;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 44px rgba(0, 0, 0, 0.12);
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 10px;

  /* Typography */
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.bg-texture {
  background: radial-gradient(circle at 20% 20%, rgba(241, 196, 15, 0.25), transparent 38%),
    radial-gradient(circle at 78% 8%, rgba(39, 174, 96, 0.2), transparent 42%),
    linear-gradient(135deg, rgba(241, 196, 15, 0.15), rgba(231, 76, 60, 0.08));
}

.bg-gradient {
  background: linear-gradient(150deg, #fff7d6, #fef9e7 55%, #fff0b3 100%);
}