/* Raizz Landing Page — Design Tokens
   Extracted from the real raizz.com stylesheet (colors, fonts, radius, shadow),
   then extended with a few derived tokens needed for a full component set. */
:root{
  /* ---- color: warm cream base (matches production, not a dark theme) ---- */
  --bg:            #f7f7f1;
  --bg-alt:        #EBEBE3;
  --surface:       #FFFFFA;
  --line:          #DCDCDC;

  /* ---- color: ink ---- */
  --ink:           #191919;
  --ink-soft:      #757263;
  --ink-faint:     #898775;

  /* ---- color: amber/terracotta accent family ---- */
  --accent:        #C2762F;  /* decorative accent, icons, borders, large text only */
  --accent-strong: #8F5624;  /* solid buttons / anything needing AA contrast with light text */
  --accent-deep:   #6E5337;
  --accent-tint:   #DFD1C4;  /* soft accent background wash */

  /* ---- color: dark contrast band (used sparingly, mirrors production's section-divider band) ---- */
  --band-bg:       linear-gradient(120deg, #322E29 0%, #442F1D 50%, #322E29 100%);
  --band-ink:      #f7f7f1;
  --band-ink-soft: #DFD1C4;

  /* ---- semantic (separate from --accent; never borrow the brand accent for status) ---- */
  --ok:            #4B7A54;
  --pending:       #A6742E;

  /* ---- type ---- */
  --font-display:  "Playfair Display", Georgia, "Songti SC", serif;
  --font-body:     "Inter", -apple-system, "PingFang SC", "Segoe UI", sans-serif;

  /* ---- radius (matches production's generous rounding) ---- */
  --r-sm:  14px;
  --r-md:  20px;
  --r-lg:  28px;
  --r-pill: 999px;

  /* ---- shadow (matches production's very soft elevation) ---- */
  --shadow-sm: 0 10px 24px rgba(25,25,25,0.045);
  --shadow-md: 0 16px 36px rgba(25,25,25,0.07);
  --shadow-lg: 0 18px 48px rgba(25,25,25,0.045);

  /* ---- spacing scale ---- */
  --sp-1: 8px;  --sp-2: 12px; --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px;

  /* ---- layout ---- */
  --content-max: 1160px;
  --prose-max: 760px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}
