:root{
  --bg:#FFFFFF;
  --surface:#F3F3F1;
  --surface-2:#EAEAE7;
  --ink:#111111;
  --ink-2:#6B6B6B;
  --line:#E2E2DE;
  --sand:#E7DCC6;
  --r-card:24px;
  --r-tile:20px;
  --r-pill:999px;
  --font:"Manrope",system-ui,sans-serif;

  --dot:#B9B9B3;
  --dash:#C9C9C3;
  --on-dark:#C9C9C3;
  --on-dark-2:#9C9C96;
  --swatch-preto:#2C2C2C;
  --header-bg:rgba(255,255,255,.92);
  --bar-bg:rgba(255,255,255,.96);
  --overlay:rgba(17,17,17,.35);
  --shadow:0 1px 2px rgba(0,0,0,.04);
  --ring:0 0 0 3px var(--bg),0 0 0 4px var(--ink);
  --ring-surface:0 0 0 3px var(--surface),0 0 0 4px var(--ink);
}