:root {
  --liquid-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --liquid-duration-fast: 140ms;
  --liquid-duration-medium: 220ms;
  --liquid-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --liquid-radius-control: 999px;
  --liquid-ink: rgba(20, 29, 49, .94);
  --liquid-ink-muted: rgba(20, 29, 49, .62);
  --liquid-tint: rgba(255, 255, 255, .48);
  --liquid-tint-deep: rgba(255, 255, 255, .14);
  --liquid-rim-high: rgba(255, 255, 255, .85);
  --liquid-rim-low: rgba(255, 255, 255, .28);
  --liquid-shadow: 0 24px 60px rgba(10, 15, 40, .35), 0 4px 14px rgba(10, 15, 40, .18);
  --liquid-shadow-control: 0 8px 24px rgba(10, 15, 40, .12);
  --liquid-shadow-control-small: 0 3px 8px rgba(10, 15, 40, .3);
  --liquid-control-inset-shadow: inset 0 1px 2px rgba(10, 15, 40, .18);
  --liquid-control-knob: #fff;
  --liquid-control-knob-highlight: rgba(255, 255, 255, .8);
  --liquid-accent: #2478ff;
  --liquid-palette-blue: #2478ff;
  --liquid-palette-violet: #7c55e8;
  --liquid-palette-emerald: #078968;
  --liquid-palette-amber: #b96508;
  --liquid-on-accent: #fff;
  --liquid-danger: #c9363d;
  --liquid-success: #078968;
  --liquid-warning: #b96508;
  --liquid-info: #2478ff;
  --liquid-focus: color-mix(in srgb, var(--liquid-accent) 72%, white);
}

[data-liquid-mode="dark"] {
  --liquid-ink: rgba(245, 247, 255, .96);
  --liquid-ink-muted: rgba(245, 247, 255, .62);
  --liquid-tint: rgba(30, 32, 46, .62);
  --liquid-tint-deep: rgba(18, 20, 32, .4);
  --liquid-rim-high: rgba(255, 255, 255, .5);
  --liquid-rim-low: rgba(255, 255, 255, .12);
  --liquid-shadow: 0 24px 60px rgba(0, 0, 5, .55), 0 4px 14px rgba(0, 0, 5, .35);
  --liquid-shadow-control: 0 8px 24px rgba(0, 0, 5, .28);
  --liquid-on-accent: #fff;
}

[data-liquid-palette="blue"] { --liquid-accent: #2478ff; }
[data-liquid-palette="violet"] { --liquid-accent: #7c55e8; }
[data-liquid-palette="emerald"] { --liquid-accent: #078968; }
[data-liquid-palette="amber"] { --liquid-accent: #b96508; }