/* Omnex — Açık tema paleti. Semantik token'lar + geriye dönük alias'lar (eski app.css için). */
:root,
[data-theme="light"] {
  /* Marka & durum renkleri */
  --color-primary:        #2563eb;
  --color-primary-hover:  #1d4ed8;
  --color-primary-active: #1e40af;
  --color-primary-soft:   #eff4ff;   /* hafif zemin (seçim/hover) */
  --color-primary-ring:   rgba(37,99,235,.35);
  --color-on-primary:     #ffffff;

  --color-secondary:      #7c3aed;
  --color-secondary-soft: #f3edff;

  --color-success:        #16a34a;
  --color-success-soft:   #e9f8ef;
  --color-warning:        #d97706;
  --color-warning-soft:   #fdf3e7;
  --color-danger:         #dc2626;
  --color-danger-hover:   #b91c1c;
  --color-danger-soft:    #fdecec;
  --color-info:           #0891b2;
  --color-info-soft:      #e6f6fa;

  /* Yüzeyler */
  --bg-page:     #f5f7fb;
  --bg-surface:  #ffffff;
  --bg-elevated: #ffffff;
  --bg-sunken:   #eef1f6;
  --bg-hover:    rgba(15,23,42,.04);
  --bg-active:   rgba(15,23,42,.07);
  --overlay:     rgba(15,23,42,.45);

  /* Metin */
  --text-primary:   #0f172a;
  --text-secondary: #475569;
  --text-muted:     #94a3b8;
  --text-on-accent: #ffffff;

  /* Kenarlık */
  --border-default: #e2e8f0;
  --border-strong:  #cbd5e1;
  --border-subtle:  #eef1f6;

  /* Gölge (Notion tarzı yumuşak) */
  --shadow-xs: 0 1px 2px rgba(15,23,42,.05);
  --shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);
  --shadow-md: 0 4px 12px rgba(15,23,42,.10);
  --shadow-lg: 0 12px 32px rgba(15,23,42,.16);
  --shadow-xl: 0 24px 56px rgba(15,23,42,.22);

  /* ---- Geriye dönük alias'lar (mevcut app.css token'ları) ---- */
  --bg: var(--bg-page);
  --surface: var(--bg-surface);
  --fg: var(--text-primary);
  --muted: var(--text-secondary);
  --border: var(--border-default);
  --primary: var(--color-primary);
  --danger: var(--color-danger);
  --success: var(--color-success);
}