:root {
  --color-accent:       #7C3AED;
  --color-accent-dark:  #6D28D9;
  --color-accent-light: #EDE9FE;
  --color-accent-cyan:  #06B6D4;
  --color-accent-gradient: linear-gradient(135deg, #7C3AED, #06B6D4);
  --color-text-primary: #111111;
  --color-text-muted:   #6b7280;
  --color-border:       rgba(0, 0, 0, 0.1);
  --color-bg:           #f9f9f9;
  --color-white:        #ffffff;
  --color-sale:         #E24B4A;
  --color-new:          #1D9E75;

  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-base: 16px;
  --font-size-sm:   14px;
  --font-size-xs:   12px;

  --container-max: 1280px;
  --container-padding: 0 20px;

  --radius-card: 12px;
  --radius-btn:  8px;
  --radius-sm:   6px;

  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 6px 24px rgba(0, 0, 0, 0.14);
  --shadow-header: 0 2px 16px rgba(0, 0, 0, 0.08);

  --transition: 0.2s ease;

  --header-height: 72px;
  --header-top-height: 40px;
}