/* ===========================================
   CSS VARIABLES - Kitchen Sink Sender
   =========================================== */

:root {
  /* Apothecary (default) */
  --bg:        #F1EADB;
  --bg-2:      #E8DFC9;
  --ink:       #1B2A21;
  --ink-2:     #2F3A30;
  --muted:     #6B6A5C;
  --rule:      #2B3A2E;
  --accent:    #8B2E1F;
  --accent-2:  #C2663B;
  --paper:     #F8F2E3;
  --stamp:     #8B2E1F;

  /* Spacing */
  --pad-block: 120px;
  --lead: 1.5;
  --wrap-max: 1400px;
  --wrap-padding: 40px;
}

/* Theme: Clinic */
html[data-palette="clinic"] {
  --bg: #EAEDEE;
  --bg-2: #D7DCDE;
  --ink: #0B1620;
  --ink-2: #1C2A36;
  --muted: #5B6670;
  --rule: #0B1620;
  --accent: #1A3FA0;
  --accent-2: #3B6EE8;
  --paper: #F4F6F7;
  --stamp: #1A3FA0;
}

/* Theme: Bone */
html[data-palette="bone"] {
  --bg: #EFE7DB;
  --bg-2: #DFD3BE;
  --ink: #14100C;
  --ink-2: #2A2217;
  --muted: #6B604F;
  --rule: #14100C;
  --accent: #6E1212;
  --accent-2: #B2724A;
  --paper: #F5EEDE;
  --stamp: #6E1212;
}

/* Theme: Noir */
html[data-palette="noir"] {
  --bg: #0E100E;
  --bg-2: #17191A;
  --ink: #ECE4D2;
  --ink-2: #C9C0AB;
  --muted: #8A8474;
  --rule: #ECE4D2;
  --accent: #E2A04A;
  --accent-2: #B44A2E;
  --paper: #16191A;
  --stamp: #E2A04A;
}

/* Density variants */
html[data-density="dense"] {
  --pad-block: 72px;
  --lead: 1.35;
}

html[data-density="normal"] {
  --pad-block: 120px;
  --lead: 1.5;
}

html[data-density="airy"] {
  --pad-block: 180px;
  --lead: 1.65;
}

/* Mobile overrides */
@media (max-width: 680px) {
  :root {
    --wrap-padding: 20px;
    --pad-block: 60px;
  }
  html[data-density="dense"] { --pad-block: 48px; }
  html[data-density="airy"] { --pad-block: 80px; }
}