/* ============================================================
   Murmur — design tokens
   editorial magazine × cyber-radio
   ============================================================ */
:root {
  /* paper / ink */
  --paper:        #F4EFE6;
  --paper-2:      #FBF8F1;
  --paper-3:      #ECE4D2;
  --ink:          #15151E;
  --ink-2:        #2A2A36;
  --whisper:      #6B6663;
  --whisper-soft: #A8A29E;
  --hairline:     #E2D9C7;
  --hairline-soft:#EDE5D3;

  /* electric accents */
  --coral:    #FF5E5B;       /* primary */
  --coral-2:  #FF8073;
  --lemon:    #F2EE3E;       /* cyber-yellow — high attention */
  --violet:   #5538FF;       /* secondary */
  --violet-2: #7E66FF;
  --mint:     #2EC4B6;       /* calm */
  --rose:     #FF8FA3;       /* saved / favorites */
  --indigo:   #1B2A6B;
  --rust:     #C2410C;

  /* signal */
  --ok:    #2EC4B6;
  --warn:  #F2A93E;
  --bad:   #E53935;

  /* type */
  --font-display: 'Space Grotesk', ui-sans-serif, system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-serif:   'Newsreader', 'Source Serif 4', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-ui:      'Space Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', 'Fira Code', monospace;

  /* sizing */
  --radius-1:  4px;
  --radius-2:  6px;
  --radius-3:  10px;
  --radius-asym: 6px 6px 6px 22px;        /* murmur signature: bigger SW corner */

  /* shadows — paper-like */
  --shadow-1: 0 1px 0 rgba(21, 21, 30, 0.04);
  --shadow-2: 0 2px 0 rgba(21, 21, 30, 0.04), 0 8px 20px -8px rgba(21, 21, 30, 0.10);
  --shadow-3: 0 4px 0 rgba(21, 21, 30, 0.06), 0 16px 40px -12px rgba(21, 21, 30, 0.18);
  --shadow-pop: 4px 4px 0 var(--ink);     /* hard-shadow pop for accents */

  /* layout */
  --sidebar-w:  292px;
  --reader-w:   480px;
  --topbar-h:   60px;

  /* timing */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

[data-theme="dark"] {
  --paper:    #0E0E16;
  --paper-2:  #16161F;
  --paper-3:  #1F1F2C;
  --ink:      #F4EFE6;
  --ink-2:    #D8D2C2;
  --whisper:  #9A938A;
  --whisper-soft: #6B6663;
  --hairline:     #2A2A36;
  --hairline-soft:#1F1F2C;

  --shadow-pop: 4px 4px 0 var(--coral);
}