/* material3-tokens.css — core tokens */
:root{
  /* Motion */
  --md3-motion-duration-short1:100ms;
  --md3-motion-duration-short2:150ms;
  --md3-motion-duration-medium1:250ms;
  --md3-motion-easing-standard:cubic-bezier(0.2,0,0,1);
  --md3-motion-easing-emphasized:cubic-bezier(0.2,0,0,0.8);

  /* Elevation */
  --md3-elevation-1: 0 1px 2px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.16);
  --md3-elevation-2: 0 2px 6px rgba(0,0,0,.12), 0 3px 8px rgba(0,0,0,.18);

  /* Colors (override from your theme if needed) */
  --md3-surface:#fff;
  --md3-on-surface:#1c1b1f;
  --md3-primary:#6750a4;
  --md3-outline-variant:#cac4d0;

  /* Shape */
  --md3-radius-m:12px;
}