/**
 * ZipWeb — WISECP tema renkleri + ZipWeb alias katmanı
 * Tema Ayarlarından gelen --color-* değişkenleri önceliklidir.
 */
:root {
  --zip-primary: var(--color-primary, #22c55e);
  --zip-primary-light: var(--color-primary-light, #bbf7d0);
  --zip-primary-dark: var(--color-primary-dark, #16a34a);
  --zip-primary-rgb: var(--color-primary-rgb, 34, 197, 94);

  --zip-navy: var(--color-primary-two, #0f2f5f);
  --zip-navy-light: var(--color-primary-light-two, #334155);
  --zip-navy-dark: var(--color-primary-dark-two, #0b1f3a);
  --zip-navy-rgb: var(--color-primary-two-rgb, 15, 47, 95);
  --zip-navy-mid: #123968;

  --zip-muted: var(--color-secondary, #6b7280);
  --zip-muted-light: var(--color-secondary-light, #9ca3af);
  --zip-muted-dark: var(--color-secondary-dark, #374151);

  --zip-text: var(--color-default, #111827);
  --zip-bg: var(--soft-bg, #f4f7fb);
  --zip-border: #dbe5f1;
  --zip-surface: #fff;
  --zip-accent-soft: rgba(var(--zip-primary-rgb), 0.12);
  --zip-navy-soft: rgba(var(--zip-navy-rgb), 0.08);
  --zip-shadow-navy: 0 12px 40px rgba(var(--zip-navy-rgb), 0.08);
  --zip-gradient-hero: linear-gradient(135deg, var(--zip-navy-dark) 0%, var(--zip-navy) 55%, var(--zip-navy-mid) 100%);
  --zip-gradient-dark: linear-gradient(180deg, var(--zip-navy-dark) 0%, var(--zip-navy) 55%, var(--zip-navy-mid) 100%);

  /* Geriye dönük alias (zwb-pages) */
  --zwb-green: var(--zip-primary);
  --zwb-green-dark: var(--zip-primary-dark);
  --zwb-navy: var(--zip-navy-mid);
  --zwb-navy-dark: var(--zip-navy-dark);
  --zwb-text: var(--zip-text);
  --zwb-muted: var(--zip-muted);
  --zwb-border: var(--zip-border);
  --zwb-soft: var(--zip-bg);
}