/* NhịnĂn+ design tokens — paper aesthetic, hand-drawn */

:root {
  --paper:    #f5f1e8;
  --paper-2:  #ede7d6;
  --paper-3:  #e3dcc6;
  --ink:      #1f1d1a;
  --ink-2:    #3a3733;
  --ink-3:    #6b6660;
  --ink-4:    #9a948c;
  --line:     #c9c3b6;
  --line-2:   #b3ad9f;

  --accent:   #e85d3a;     /* warm orange · IF / energy */
  --accent-2: #f2b03d;     /* yellow highlight */
  --accent-3: #4d8b6f;     /* sage green · healthy */
  --accent-4: #5a7fb3;     /* soft blue · water/calm */
  --accent-5: #b85c8a;     /* rose · meds */

  --highlight: rgba(242, 176, 61, 0.35);

  --font-hand:  'Kalam', 'Architects Daughter', cursive;
  --font-script:'Caveat', cursive;
  --font-ui:    'Inter', sans-serif;

  --r-soft: 8px 14px 9px 13px / 12px 8px 14px 10px;
  --r-soft-sm: 6px 11px 7px 10px / 9px 7px 11px 8px;

  --shadow-soft: 2px 3px 0 rgba(31,29,26,0.08);
  --shadow-pop:  3px 4px 0 rgba(31,29,26,0.18);

  --t-fast: 120ms;
  --t-med:  220ms;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --paper:   #1f1d1a;
    --paper-2: #28251f;
    --paper-3: #322f28;
    --ink:     #f5f1e8;
    --ink-2:   #d8d4c9;
    --ink-3:   #aaa49a;
    --ink-4:   #7a7468;
    --line:    #4a463d;
    --line-2:  #5a554a;
  }
}