/* CYT v11 — Reading Room
   A neutral night shell with warm paper surfaces and legible source colors.
*/

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;0,9..144,800;1,9..144,400;1,9..144,600&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* Dark archive shell */
  --cyt-bg:          #1b1a21;
  --cyt-bg-2:        #24232c;
  --cyt-shell:       #202029;
  --cyt-shell-raised:#2b2935;
  --cyt-shell-ink:   #f7f0e3;
  --cyt-shell-muted: #c9c2bc;
  --cyt-shell-border:rgba(247,240,227,0.14);

  /* Paper and ink */
  --cyt-paper:       #f7f0e3;
  --cyt-paper-strong:#fffaf0;
  --cyt-panel:       #f7f0e3;
  --cyt-panel-2:     #ede1cc;
  --cyt-panel-3:     #e1cfb3;
  --cyt-ink:         #241d17;
  --cyt-ink-soft:    #4e4237;
  --cyt-meta:        #6d5f51;
  --cyt-meta-soft:   #7d6e5e;
  --cyt-divider:     rgba(36,29,23,0.15);

  /* Focused, earthy accents */
  --cyt-emerald:     #2d6b51;
  --cyt-emerald-d:   #1e4d3a;
  --cyt-saffron:     #d69a45;
  --cyt-saffron-l:   #efc575;
  --cyt-vermillion:  #b9563c;
  --cyt-sapphire:    #3f668b;
  --cyt-jade:        #327563;
  --cyt-sienna:      #99502f;
  --cyt-slate:       #586a79;
  --cyt-clay:        #77614d;
  --cyt-navy:        #293d50;
  --cyt-plum:        #6a4d63;

  --src-personal:    #2d6b51;
  --src-bible:       #94611f;
  --src-shower:      #3f668b;
  --src-mr_rogers:   #a84d38;
  --src-gita:        #99502f;
  --src-quotes:      #586a79;
  --src-tao:         #2f7163;
  --src-dhammapada:  #855b26;
  --src-other:       #77614d;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --shadow-sm: 0 4px 12px rgba(7,14,10,0.16);
  --shadow-md: 0 12px 28px rgba(7,14,10,0.22), 0 2px 7px rgba(7,14,10,0.12);
  --shadow-lg: 0 20px 44px rgba(7,14,10,0.28), 0 5px 14px rgba(7,14,10,0.16);
  --shadow-glow: 0 0 24px rgba(214,154,69,0.12);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;

  --transition-fast: 0.16s ease;
  --transition-med: 0.28s ease;
  --cyt-content-width: 760px;
}