@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&family=Roboto:wght@300;400;500;600;700&display=swap');

/* ── Light theme ────────────────────────────────────────── */
:root,
[data-theme="light"] {
  --bg:            #F5F1E8;
  --bg2:           #EDE8DC;
  --surface:       #FFFFFF;
  --surface2:      #EDE8DC;
  --text:          #1C0F3F;
  --text2:         rgba(28,15,63,0.70);
  --muted:         #7A6B8A;
  --warm-gray:     #8A7A96;

  --accent:        #884dcf;
  --accent-lt:     rgba(91,33,182,0.10);
  --accent-border: rgba(91,33,182,0.22);
  --purple:        #A47BD7;

  --border:        rgba(91,33,182,0.07);
  --border2:       rgba(91,33,182,0.13);
  --card-border:   rgba(91,33,182,0.08);
  --row-border:    rgba(91,33,182,0.07);
  --card-shadow:   0 1px 3px rgba(91,33,182,0.06), 0 4px 16px rgba(91,33,182,0.08);
  --price-accent:  #5B21B6;

  --green:         #2E8B57;
  --green-bg:      rgba(46,139,87,0.10);
  --red:           #C0392B;
  --red-bg:        rgba(192,57,43,0.10);
}

/* ── Dark theme ─────────────────────────────────────────── */
[data-theme="dark"] {
  --bg:            #0F0520;
  --bg2:           #0A0318;
  --surface:       #1E0A3C;
  --surface2:      #2A1150;
  --text:          #F5F1E8;
  --text2:         rgba(245,241,232,0.82);
  --muted:         rgba(245,241,232,0.60);
  --warm-gray:     rgba(245,241,232,0.50);

  --accent:        #A78BFA;
  --accent-lt:     rgba(167,139,250,0.12);
  --accent-border: rgba(167,139,250,0.28);
  --purple:        #C4B5FD;

  --border:        rgba(245,241,232,0.08);
  --border2:       rgba(245,241,232,0.14);
  --card-border:   rgba(245,241,232,0.08);
  --row-border:    rgba(245,241,232,0.06);
  --card-shadow:   0 1px 4px rgba(0,0,0,0.4), 0 4px 20px rgba(0,0,0,0.5);
  --price-accent:  #C4B5FD;

  --green:         #3dcf8e;
  --green-bg:      rgba(61,207,142,0.10);
  --red:           #e05c6a;
  --red-bg:        rgba(224,92,106,0.10);
}

/* ── Font families ──────────────────────────────────────── */
:root {
  --font-body:    'DM Sans', sans-serif;
  --font-display: 'Playfair Display', serif;
  --font-mono:    'DM Mono', monospace;
}