/* Before You Text Them - design tokens
   obsidian ground, graphite surfaces, champagne accent, ivory type,
   rosewood for emotional heat, sage for calm. */
:root {
  --obsidian:        #08090B;
  --obsidian-deep:   #050608;
  --graphite:        #16181C;
  --graphite-raised: #1D2026;
  --graphite-high:   #23272E;
  --graphite-line:   #2E333B;

  --champagne:       #D8BE8D;
  --champagne-bright:#EFDCB2;
  --champagne-deep:  #A98D5C;
  --champagne-glow:  rgba(216, 190, 141, 0.28);

  --ivory:           #F3EEE5;
  --ivory-dim:       #CFC7B8;
  --ivory-faint:     #938C80;

  --rosewood:        #B0757A;
  --rosewood-deep:   #7A4A50;
  --rosewood-glow:   rgba(176, 117, 122, 0.30);

  --sage:            #7E9483;
  --sage-deep:       #4E6455;
  --sage-glow:       rgba(126, 148, 131, 0.26);

  --danger:          #C57A72;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 30px;
  --radius-pill: 999px;

  --shadow-low:  0 2px 10px rgba(0,0,0,.45);
  --shadow-mid:  0 12px 30px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.4);
  --shadow-high: 0 28px 60px rgba(0,0,0,.65), 0 8px 18px rgba(0,0,0,.45);
  --shadow-lift: 0 40px 80px rgba(0,0,0,.7);

  --edge-top: inset 0 1px 0 rgba(255,255,255,.07);
  --edge-champagne: inset 0 0 0 1px rgba(216,190,141,.22);

  --font: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  --font-serif: "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;

  --ease-soft: cubic-bezier(.22,.61,.36,1);
  --ease-lift: cubic-bezier(.16,1,.3,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);

  --tab-h: 74px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

/* Warm dim theme keeps the same architecture, lifts the ground slightly. */
:root[data-theme="warm"] {
  --obsidian:        #0E0C0B;
  --obsidian-deep:   #0A0908;
  --graphite:        #1B1815;
  --graphite-raised: #232019;
  --graphite-high:   #2A261F;
  --graphite-line:   #38322A;
}