:root{
  --bato-coral:#EF7461;
  --bato-coral-hover:#DD6251;
  --bato-coral-soft:#FFF1ED;
  --bato-gold:#EFB14B;
  --bato-gold-soft:#FFF6E5;
  --bato-green:#86A987;
  --bato-green-dark:#56765A;
  --bato-green-soft:#EDF6EF;
  --bato-blue:#84B7C8;
  --bato-blue-dark:#527F8E;
  --bato-blue-soft:#EDF6F9;
  --bato-ink:#272A2D;
  --bato-muted:#6C7174;
  --bato-bg:#F8F6F1;
  --bato-surface:#FFFFFF;
  --bato-surface-soft:#FBFAF7;
  --bato-line:#EBE8E1;
  --bato-danger:#B94D43;
  --bato-danger-soft:#FFF0ED;
  --bato-success:#56765A;
  --bato-success-soft:#EDF6EF;
  --bato-radius-sm:12px;
  --bato-radius-md:16px;
  --bato-radius-lg:22px;
  --bato-radius-xl:28px;
  --bato-shadow-sm:0 8px 24px rgba(30,35,40,.04);
  --bato-shadow-lg:0 18px 50px rgba(30,35,40,.08);
  --bato-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}