/* ==========================================================================
   Amjak — Design tokens (v1.0.0)
   Source de vérité : extraits du code réel de l'app budget en production.
   Thème par défaut = Terra Cotta. Les 10 autres thèmes sont appliqués par
   js/theme-manager.js (voir THEMES), qui écrase ces variables au runtime.
   ========================================================================== */
:root{
  /* Polices — polices système réelles utilisées par l'app budget */
  --font-body: -apple-system, 'SF Pro Text', BlinkMacSystemFont, 'Roboto', 'Segoe UI', system-ui, sans-serif;
  --font-title: -apple-system, 'SF Pro Display', BlinkMacSystemFont, 'Roboto', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'SF Mono', 'Roboto Mono', ui-monospace, monospace;

  /* Palette — thème "Terra Cotta" (défaut) */
  --cr:#FBF5F0; --be:#EFE0D6; --bd:#D8C0B0;
  --go:#C0614A; --gl:#E8A090; --gp:#FAEDE9;
  --br:#8B5E52; --tx:#2C1A14; --mu:#7A5E54; --wh:#FFF;
  --gn:#3A7A4A; --gnp:#E8F5EC;
  --bl:#2E6A8A; --blp:#E8F2F8;
  --rd:#B83A3A; --rdp:#FDE8E8;
  --or:#A0522D; --pu:#6A3D9A; --pup:#EEE8F5;
  --ep:#3d1f0f; --epl:#E8A882;

  /* Ombres */
  --sh:0 2px 18px rgba(120,80,60,.11);
  --sh2:0 8px 32px rgba(120,80,60,.18);

  /* Rayons / dimensions communes */
  --r:14px; --rs:9px;
  --nh:66px; --bh:68px;
  --sb:env(safe-area-inset-bottom,0px);
}