/* Emberlo design tokens — ember / warm amber on soft neutrals. No red for normal life states (9.1). */
:root {
  --font: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bg: #FBF7F2; --bg2: #F4EDE4; --surface: #FFFFFF; --surface2: #FBF6F0;
  --ink: #2B2320; --ink2: #5E524B; --muted: #8A7D74; --line: #EDE3D8; --line2: #E3D6C8;
  --ember: #D9692B; --ember-ink: #A84B17; --ember-soft: #FCE7D6; --amber: #F2A541; --amber-soft: #FDF0D9;
  --sage: #6F9A6A; --sage-soft: #E6F0E3; --sky: #5C8597; --sky-soft: #E3EEF2; --plum: #9A6283; --plum-soft: #F3E4EC;
  --rose: #C46F6F; --rose-soft: #F8E5E1; --peach: #E39A6F; --peach-soft: #FCEADF;
  --danger: #B3261E; /* reserved for technical errors that risk data loss only */
  --shadow: 0 1px 2px rgba(60, 40, 20, .05), 0 6px 18px rgba(60, 40, 20, .06);
  --shadow-lg: 0 24px 60px rgba(60, 35, 15, .18);
  --r: 18px; --r-sm: 12px;
  --wall: radial-gradient(120% 80% at 20% 0%, #FFD9A8 0%, #F3A66A 38%, #B9583A 75%, #5B2B2A 100%);
  --wall-dark: radial-gradient(120% 80% at 20% 0%, #6B3A26 0%, #3A2219 50%, #140C09 100%);
  --ease: cubic-bezier(.2, .8, .2, 1);
}
[data-theme="dark"] {
  --bg: #15110E; --bg2: #1D1713; --surface: #221B16; --surface2: #2A221C;
  --ink: #F5ECE3; --ink2: #D4C6B9; --muted: #A39385; --line: #352B23; --line2: #43372D;
  --ember: #F08A4B; --ember-ink: #FFB07E; --ember-soft: #3D2516; --amber: #F2B45E; --amber-soft: #3A2C17;
  --sage: #9CC596; --sage-soft: #1F2E1E; --sky: #8FB7C7; --sky-soft: #1B2A30; --plum: #D29BBB; --plum-soft: #33202B;
  --rose: #E39B9B; --rose-soft: #3A2222; --peach: #F2B48E; --peach-soft: #3A281C;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .25);
}