/* Melodia website — design tokens
   ส้ม = โลกของครู (แอปครู) · ม่วง = โลกของครอบครัว (แอปนักเรียน/ผู้ปกครอง) · ครีม/น้ำตาล = กระดาษโน้ต */
:root {
  --cream: #fff7f0;
  --paper: #fffbf7;
  --sand: #f3e4d6;
  --peach: #fde5d3;
  --blush: #fff0f3;
  --ink: #2a1c12;
  --ink-2: #5c4636;
  --ink-3: #866b59;
  --line: rgba(42, 28, 18, .1);

  --orange: #ef6d20;
  --orange-2: #b4480a;        /* ส้มสำหรับตัวหนังสือ (contrast ≥ 4.5 บนครีม/ส้มอ่อน) */
  --orange-ink: #c4500c;      /* พื้นปุ่ม/ป้ายที่มีตัวหนังสือขาว (4.67:1) */
  --orange-soft: #ffe4d1;
  --violet: #7c3aed;
  --violet-2: #5b21b6;
  --violet-soft: #efe7ff;
  --gold: #f2b45a;
  --green: #22a06b;

  --night: #1a0f22;
  --night-2: #2b1838;
  --on-dark: #fbf3ec;
  --on-dark-2: rgba(251, 243, 236, .72);

  --font-sans: "DM Sans", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Fraunces", "Noto Serif Thai", Georgia, serif;
  --font-hand: "Caveat", "Noto Serif Thai", cursive;

  --radius: 22px;
  --radius-sm: 14px;
  --shadow-sm: 0 2px 6px rgba(80, 40, 10, .06), 0 1px 2px rgba(80, 40, 10, .05);
  --shadow: 0 18px 40px -18px rgba(80, 40, 10, .25), 0 4px 10px -4px rgba(80, 40, 10, .08);
  --shadow-lg: 0 40px 80px -30px rgba(60, 25, 5, .4), 0 12px 24px -12px rgba(60, 25, 5, .2);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --nav-h: 72px;
}