:root {
    --bg:        #14110f;
    --bg-2:      #1a1714;
    --surface:   #221d19;
    --surface-2: #2a231e;
    --border:    rgba(255, 220, 180, 0.07);
    --border-2:  rgba(255, 220, 180, 0.12);
    --text:      #f1e8de;
    --muted:     #b3a89c;
    --dim:       #7e766c;

    --accent:        #1d6852;
    --accent-soft:   #2a8669;
    --accent-deep:   #133e30;
    --accent-glow:   rgba(42, 134, 105, 0.18);

    --warn: #d59148;
    --danger: #d56a52;
    --ok: #5fb487;

    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;

    --shadow-card: 0 2px 0 rgba(255,220,180,0.04) inset,
                   0 -1px 0 rgba(0,0,0,0.35) inset,
                   0 8px 24px rgba(0,0,0,0.45);
    --shadow-btn:  0 1px 0 rgba(255,255,255,0.08) inset,
                   0 -1px 0 rgba(0,0,0,0.25) inset,
                   0 2px 6px rgba(0,0,0,0.35);
  }