/* Thinqee design tokens, shared across every page. Matches the actual shipped app's colors/fonts. */
:root {
  --sunrise:   #f97316;
  --golden:    #fb923c;
  --coral:     #ef4444;
  --peach:     #fed7aa;
  --cream:     #fff7ed;
  --mauve:     #c2410c;
  --plum:      #7c2d12;

  --bg-top:    #1a0a00;
  --bg-mid:    #3b1200;
  --bg-base:   #0f0500;
  --card:      rgba(255,120,30,0.08);
  --card-solid:#1e0a00;
  --border:    rgba(251,146,60,0.22);
  --border2:   rgba(251,146,60,0.4);

  --text:      #fff3e8;
  --muted:     #d4956a;
  --white:     #ffffff;

  --font-display: 'Crimson Pro', Georgia, serif;
  --font-body:    'Inter', sans-serif;

  --radius:    18px;
  --radius-sm: 12px;
  --shadow:    0 18px 50px rgba(0,0,0,0.45);
  --shadow-glow: 0 0 60px rgba(249,115,22,0.1);
}

/* Shared semantic aliases. Write cross-site effects (effects.css) against these,
   never against --sunrise directly, so the same effect file works unchanged on ThinqShift. */
:root {
  --accent:      var(--sunrise);
  --accent-soft: var(--golden);
}