/**
 * Shared design tokens for UCP commerce sheets (both prototypes).
 * Prototypes may override --font-* for shell-specific typography.
 */
:root {
  --ucp-blue: #1a73e8;
  --ucp-blue-hover: #1765cc;
  --ucp-blue-light: #e8f0fe;
  --ucp-blue-pale: #d2e3fc;
  --ucp-blue-dark: #1a3a5c;
  /* Alias for Search-style references */
  --google-blue: var(--ucp-blue);

  --ucp-red-brand: #c41230;
  --ucp-green: #34a853;
  --ucp-green-dark: #1e8e3e;
  --ucp-green-light: #e6f4ea;

  --ucp-text-primary: #202124;
  --ucp-text-secondary: #5f6368;
  --ucp-text-tertiary: #80868b;

  --ucp-border: #e8eaed;
  --ucp-border-light: #f1f3f4;
  --ucp-border-input: #dadce0;
  --ucp-surface: #f8f9fa;
  --ucp-surface-2: #f1f3f4;

  --ucp-radius: 24px;
  --ucp-radius-sm: 16px;
  --ucp-radius-xs: 12px;
  --ucp-radius-pill: 100px;

  --ucp-font-main: 'Google Sans', 'Roboto', sans-serif;
  --ucp-font-text: 'Google Sans Text', 'Roboto', sans-serif;

  --ucp-stars: #f4b400;

  /* Container breakpoints (documented; used in ucp-sheets.css) */
  --ucp-sheet-wide: 640px;

  /* Legacy aliases for existing prototype shells */
  --blue: var(--ucp-blue);
  --blue-hover: var(--ucp-blue-hover);
  --blue-light: var(--ucp-blue-light);
  --blue-pale: var(--ucp-blue-pale);
  --blue-dark: var(--ucp-blue-dark);
  --red-brand: var(--ucp-red-brand);
  --green: var(--ucp-green);
  --green-dark: var(--ucp-green-dark);
  --green-light: var(--ucp-green-light);
  --text-primary: var(--ucp-text-primary);
  --text-secondary: var(--ucp-text-secondary);
  --text-tertiary: var(--ucp-text-tertiary);
  --border: var(--ucp-border);
  --border-light: var(--ucp-border-light);
  --surface: var(--ucp-surface);
  --radius: var(--ucp-radius);
  --radius-sm: var(--ucp-radius-sm);
  --radius-xs: var(--ucp-radius-xs);
  --radius-pill: var(--ucp-radius-pill);
  --font-main: var(--ucp-font-main);
  --font-text: var(--ucp-font-text);

  /* Motion curves (ui-animation skill defaults) */
  --ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-move: cubic-bezier(0.25, 1, 0.5, 1);
  /* Sheet / drawer timing */
  --ucp-sheet-panel-enter: 280ms;
  --ucp-sheet-panel-exit: 200ms;
  --ucp-sheet-scrim-enter: 260ms;
  --ucp-sheet-scrim-exit: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html {
    scroll-behavior: auto;
  }
}