/* eCommerce CMS — design tokens (defaults) */
:root {
  /* Colors */
  --c-primary: #1f6feb;
  --c-primary-600: #1a5fd0;
  --c-primary-700: #1550b0;
  --c-primary-50: #e8f0fe;
  --c-primary-100: #d0e1fd;
  --c-accent: #f59e0b;
  --c-ink: #0e1116;
  --c-ink-soft: #3d4756;
  --c-surface: #ffffff;
  --c-surface-soft: #f6f8fa;
  --c-border: #e2e8f0;
  --c-success: #16a34a;
  --c-warning: #d97706;
  --c-danger: #dc2626;
  --c-muted: #64748b;

  /* Fonts */
  --font-head: "Montserrat", system-ui, sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;

  /* Spacing scale */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px;

  /* Radius */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-full: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(14,17,22,.06);
  --shadow-md: 0 4px 12px rgba(14,17,22,.08);
  --shadow-lg: 0 12px 32px rgba(14,17,22,.12);

  /* Layout */
  --container: 1280px;
  --gutter: 16px;
  --header-h: 64px;
}