/* Glass Decor — единственный источник --gd-*.
   Подключать сразу перед gd-custom.css (после CSS темы). */

:root {
  --gd-container-max: 1680px;
  --gd-container-pad: var(--padding-container, 16px);

  /* PDF 1.6: три радиуса на весь сайт + xs для чекбоксов (форма = смысл) */
  --gd-radius-xs: 3px;
  --gd-radius-sm: 8px;
  --gd-radius-md: 16px;
  --gd-radius-lg: 24px;

  /* Алиасы темы: поля/плитки подхватывают шкалу без правки инлайна.
     Кнопки с текстом (.btn, поиск, пилюли) — отдельно в gd-custom → sm. */
  --border-radius-sm: var(--gd-radius-sm);
  --border-radius-m: var(--gd-radius-md);
  --border-radius: var(--gd-radius-lg);
  --border-radius-lg: var(--gd-radius-lg);

  --gd-space-1: 4px;
  --gd-space-2: 8px;
  --gd-space-3: 12px;
  --gd-space-4: 16px;
  --gd-space-5: 24px;
  --gd-space-6: 32px;
  --gd-space-7: 40px;
  --gd-space-8: 48px;

  --gd-font-h1: 32px;
  --gd-font-h2: 24px;
  --gd-font-h3: 18px;
  --gd-font-body: 16px;
  --gd-font-small: 14px;
  --gd-font-price-accent: 20px;

  /* Корзина → кабинет: одна шкала вместо 12–28px по страницам */
  --gd-cabinet-title: 28px;
  --gd-cabinet-section: 20px;
  --gd-cabinet-body: 17px;
  --gd-cabinet-small: 14px;
  --gd-cabinet-total: 24px;
  --gd-cabinet-label: 13px;

  --gd-text-primary: var(--dark, #2c2c2c);
  --gd-text-secondary: var(--secondary-600, #8f9396);
  --gd-text-muted: var(--secondary-700, #495057);
  --gd-text-on-footer: var(--white, #ffffff);
  --gd-text-on-footer-muted: rgba(255, 255, 255, 0.7);
  --gd-text-on-accent: var(--white, #ffffff);
  --gd-ink-on-bright: var(--dark, #2c2c2c);

  --gd-border: var(--secondary-300, #e9ecef);
  --gd-border-strong: var(--secondary-400, #ced4da);

  --gd-bg: var(--white, #ffffff);
  --gd-bg-soft: var(--secondary-200, #f3f5f6);
  --gd-bg-page: var(--white, #ffffff);
  --gd-bg-surface: var(--white, #ffffff);
  --gd-bg-elevated: var(--secondary-200, #f3f5f6);
  --gd-bg-muted: #f7f7f8;
  --gd-bg-accent-soft: var(--primary-100, #eff2fe99);
  --gd-bg-footer: var(--dark, #2c2c2c);
  --gd-media-plate: var(--secondary-200, #f3f5f6);

  --gd-shadow: var(--shadow);
  --gd-accent: var(--primary);
  --gd-accent-hover: var(--primary-hover);
  --gd-accent-text: var(--primary);

  --gd-brand: #2f1d69;
  --gd-brand-2: #174a9a;
  --gd-stat-blue: #174a9a;

  /* Маркетплейсы: официальные цвета кружка (не логотип) */
  --gd-market-wb: #cb11ab;
  --gd-market-ozon: #005bff;
  --gd-market-vk: #0077ff;
  --gd-eyebrow: #51d0d7;
  --gd-sale: #e24a4a;
  --gd-market-on-badge: #ffffff;
  --gd-mp-badge: 34px;
  --gd-mp-badge-footer: 28px;

  --gd-dur-fast: 120ms;
  --gd-dur: 180ms;
  --gd-ease: cubic-bezier(0.2, 0, 0.2, 1);
  --gd-lift: -2px;
  --gd-shadow-1: 0 1px 3px rgba(47, 29, 105, 0.08);
  --gd-shadow-2: 0 6px 16px rgba(47, 29, 105, 0.14);
  --gd-ring: 0 0 0 2px var(--gd-bg-page), 0 0 0 4px var(--gd-brand);
  --gd-tint-hover: color-mix(in srgb, var(--gd-brand) 6%, transparent);
}

[data-theme="dark"] {
  --gd-bg-page: #16141f;
  --gd-bg-surface: #1e1b2a;
  --gd-bg-elevated: #272338;
  --gd-bg-accent-soft: #241f38;
  --gd-bg-footer: #100e17;
  --gd-bg: #16141f;
  --gd-bg-soft: #272338;
  --gd-bg-muted: #272338;
  --gd-media-plate: rgb(243, 245, 246);

  --gd-text-primary: #eceaf2;
  --gd-text-secondary: #a9a3bd;
  --gd-text-muted: #a9a3bd;
  --gd-text-on-footer: #eceaf2;
  --gd-text-on-footer-muted: #a9a3bd;
  --gd-text-on-accent: #ffffff;
  --gd-ink-on-bright: #16141f;

  --gd-border: #403a57;
  --gd-border-strong: #6c6690;

  --gd-accent: #6e50cf;
  --gd-accent-hover: #7a5eda;
  --gd-accent-text: #a392ea;
  --gd-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);

  --gd-brand: #6e50cf;
  --gd-brand-2: #7a5eda;
  --gd-stat-blue: #89b4ff;

  --gd-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.35);
  --gd-shadow-2: 0 8px 18px rgba(0, 0, 0, 0.48);
  --gd-ring: 0 0 0 2px var(--gd-bg-page), 0 0 0 4px var(--gd-brand);
  --gd-tint-hover: color-mix(in srgb, var(--gd-brand) 12%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-theme="dark"] {
    --gd-dur-fast: 0ms;
    --gd-dur: 0ms;
    --gd-lift: 0px;
  }
}

@media print {
  [data-theme="dark"] {
    --gd-bg-page: #ffffff;
    --gd-bg-surface: #ffffff;
    --gd-bg-elevated: #f3f5f6;
    --gd-bg-footer: #2c2c2c;
    --gd-text-primary: #2c2c2c;
    --gd-text-secondary: #8f9396;
    --gd-text-muted: #abb5be;
    --gd-accent: #8450db;
    --gd-accent-hover: #6353d9;
    --gd-accent-text: #8450db;
  }
}