/** Shopify CDN: Minification failed

Line 8:0 Unexpected "{"
Line 8:1 Expected identifier but found "%"
Line 11:1 Expected identifier but found "%"

**/
{% comment %}
  Color Themes System
  Unified color management with theme registry support
{% endcomment %}

:root {
  /* ========================================
     DEFAULT THEME (Fallback)
     ======================================== */

  /* Primary Colors */
  --bg: var(--color-background);
  --fg: var(--color-foreground);
  --muted: var(--color-muted);
  --accent: var(--color-accent);
  --accent-contrast: var(--color-primary-button-text);
  --border: var(--color-border);

  /* Semantic Colors */
  --text-primary: var(--fg);
  --text-secondary: var(--muted);
  --text-muted: var(--color-muted);
  --text-accent: var(--accent);

  /* Backgrounds */
  --bg-primary: var(--bg);
  --bg-secondary: var(--color-secondary-bg);
  --bg-tertiary: var(--color-secondary-bg);

  /* Interactive */
  --button-primary: var(--accent);
  --button-primary-hover: var(--color-primary-hover);
  --button-secondary: transparent;
  --button-secondary-hover: var(--bg-secondary);

  /* States */
  --success: #10b981;
  --warning: #f59e0b;
  --error: #ef4444;
  --info: #3b82f6;

  /* Shadows */
  --shadow-color: rgba(0, 0, 0, 0.3);
  --shadow-color-light: rgba(0, 0, 0, 0.1);
}

/* ========================================
   THEME OVERRIDES
   ======================================== */

/* Все темы теперь управляются через Shopify Color Schemes */
/* Переменные генерируются автоматически в color-schemes.liquid */

/* ========================================
   THEME TRANSITIONS
   ======================================== */

* {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* ========================================
   RESPONSIVE THEME ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
  /* Reduce complexity on mobile */
  [data-theme] {
    --shadow-color: rgba(0, 0, 0, 0.2);
    --shadow-color-light: rgba(0, 0, 0, 0.1);
  }
}

/* ========================================
   ACCESSIBILITY OVERRIDES
   ======================================== */

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

@media (prefers-contrast: high) {
  :root {
    --border: var(--color-border);
    --text-muted: var(--color-muted);
  }

  [data-theme] {
    --border: var(--color-border);
    --text-muted: var(--color-muted);
  }
}

/* ========================================
   PRINT STYLES
   ======================================== */

@media print {
  :root {
    --bg: var(--color-background);
    --fg: var(--color-foreground);
    --muted: var(--color-muted);
    --accent: var(--color-accent);
    --accent-contrast: var(--color-primary-button-text);
    --border: var(--color-border);
    --text-primary: var(--color-foreground);
    --text-secondary: var(--color-muted);
    --bg-primary: var(--color-background);
    --bg-secondary: var(--color-secondary-bg);
    --bg-tertiary: var(--color-secondary-bg);
    --shadow-color: transparent;
    --shadow-color-light: transparent;
  }

  [data-theme] {
    --bg: var(--color-background);
    --fg: var(--color-foreground);
    --muted: var(--color-muted);
    --accent: var(--color-accent);
    --accent-contrast: var(--color-primary-button-text);
    --border: var(--color-border);
    --text-primary: var(--color-foreground);
    --text-secondary: var(--color-muted);
    --bg-primary: var(--color-background);
    --bg-secondary: var(--color-secondary-bg);
    --bg-tertiary: var(--color-secondary-bg);
    --shadow-color: transparent;
    --shadow-color-light: transparent;
  }
}