:root {

  --d-bg:        #F5EDD8;
  --d-bg2:       #EDE0C4;
  --d-surface:   rgba(255,250,240,0.92);
  --d-border:    rgba(120,90,50,0.3);
  --d-shadow:    rgba(120,80,20,0.12);
  --d-text:      #241A0C;
  --d-text2:     #574017;
  --d-accent:    #B8501C;
  --d-green:     #46632C;
  --d-sky:       #356985;
  --d-red:       #9E2424;
  --d-ochre:     #8A6D12;

  --n-bg:        #0D1228;
  --n-bg2:       #111840;
  --n-surface:   rgba(20,26,60,0.82);
  --n-border:    rgba(140,150,210,0.3);
  --n-shadow:    rgba(0,0,30,0.5);
  --n-text:      #ECE9F6;
  --n-text2:     #B0B4DC;
  --n-gold:      #E0B84A;
  --n-teal:      #6FD0D0;
  --n-fuchsia:   #B589B6;

  --bg:        var(--n-bg);
  --bg2:       var(--n-bg2);
  --surface:   var(--n-surface);
  --border:    var(--n-border);
  --thread-line: #3d4470;
  --shadow:    var(--n-shadow);
  --text:      var(--n-text);
  --text2:     var(--n-text2);
  --accent:    var(--n-teal);
  --accent2:   var(--n-gold);

  --radius:     16px;
  --radius-sm:  10px;
  --blur:       22px;
  --transition: 0.8s cubic-bezier(0.4,0,0.2,1);

  --font-display: 'Philosopher', serif;
  --font-body:    'Inter', sans-serif;
}

[data-theme="day"] {
  --bg:       var(--d-bg);
  --bg2:      var(--d-bg2);
  --surface:  var(--d-surface);
  --border:   var(--d-border);
  --thread-line: #c9b896;
  --shadow:   var(--d-shadow);
  --text:     var(--d-text);
  --text2:    var(--d-text2);
  --accent:   var(--d-accent);
  --accent2:  var(--d-green);
}