/* Moanspiration: Boudoir Folio tokens. Load this BEFORE bundle.css. */

:root, [data-theme="light"] {
  --paper: #F3E3DF;
  --paper-deep: #EBD2CC;
  --plum: #3A1330;
  --ink: #24101E;
  --muted: #6E4D5E;
  --lipstick: #B3122E;
  --lipstick-fill: #B3122E;
  --on-lipstick: #FFFFFF;
  --rose: #C98E92;
  --night: #1B0716;
  --night-glass: rgba(255,255,255,0.14);
  --on-night: #F6DFE1;
  --focus: #3A1330;
  --shadow-phone: 0 30px 60px -20px rgba(58,19,48,0.55);
}

/* Night mode: add data-theme="dark" to <html> (the app after 8pm, dark slides) */
[data-theme="dark"] {
  --paper: #1E0B19;
  --paper-deep: #2A1224;
  --plum: #EFD3DC;
  --ink: #F3E3DF;
  --muted: #C4A3B1;
  --lipstick: #EE5A70;
  --lipstick-fill: #C8203C;
  --on-lipstick: #FFFFFF;
  --rose: #6A3A55;
  --night: #12040F;
  --night-glass: rgba(255,255,255,0.12);
  --on-night: #F6DFE1;
  --focus: #EFD3DC;
  --shadow-phone: 0 30px 60px -20px rgba(0,0,0,0.7);
}

:root {
  /* fonts */
  --font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --font-text: "Newsreader", Georgia, "Times New Roman", serif;
  --font-device: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 14px;
  --space-4: 22px;
  --space-5: 30px;
  --space-6: 44px;
  --space-7: 60px;
  --measure: 720px;

  /* corners */
  --radius-none: 0px;
  --radius-notif: 18px;
  --radius-phone: 34px;
  --radius-pill: 999px;
}