:root {
  /* Silver */
  --lx-silver-50: #f4f4f6;
  --lx-silver-100: #ebebef;
  --lx-silver-200: #d8d8df;
  --lx-silver-300: #b8b8c4;
  --lx-silver-400: #9494a3;
  --lx-silver-500: #737382;
  --lx-silver-600: #5c5c68;
  --lx-silver-700: #43434d;
  --lx-silver-800: #2c2c33;
  --lx-silver-900: #18181d;

  /* Purple */
  --lx-purple: #7c3aed;
  --lx-purple-dark: #6d28d9;
  --lx-purple-deep: #5b21b6;
  --lx-purple-soft: #ede9fe;
  --lx-purple-line: #ddd6fe;

  /* Blue */
  --lx-blue: #2563eb;
  --lx-blue-dark: #1d4ed8;
  --lx-blue-soft: #dbeafe;
  --lx-blue-line: #bfdbfe;

  /* System */
  --lx-bg: var(--lx-silver-50);
  --lx-surface: #ffffff;
  --lx-surface-2: #fafafa;
  --lx-ink: var(--lx-silver-900);
  --lx-ink-soft: var(--lx-silver-600);
  --lx-ink-faint: var(--lx-silver-400);
  --lx-border: var(--lx-silver-200);
  --lx-border-strong: var(--lx-silver-300);
  --lx-danger: #dc2626;
  --lx-danger-soft: #fef2f2;
  --lx-warning: #d97706;
  --lx-warning-soft: #fffbeb;

  --lx-radius: 10px;
  --lx-radius-lg: 14px;
  --lx-radius-xl: 20px;
  --lx-radius-pill: 999px;
  --lx-shadow: 0 1px 2px rgba(24, 24, 29, 0.04), 0 8px 24px rgba(24, 24, 29, 0.06);
  --lx-shadow-lg: 0 12px 40px rgba(24, 24, 29, 0.1);
  --lx-container: 1120px;
  --lx-header: 60px;
  --lx-dock: 68px;
  --lx-font: 'Vazirmatn', Tahoma, sans-serif;
  --lx-ease: 0.18s ease;

  /* legacy bridge for unchanged PHP/JS hooks */
  --7o-bg: var(--lx-bg);
  --7o-surface: var(--lx-surface);
  --7o-surface-2: var(--lx-surface-2);
  --7o-border: var(--lx-border);
  --7o-border-strong: var(--lx-border-strong);
  --7o-ink: var(--lx-ink);
  --7o-ink-soft: var(--lx-ink-soft);
  --7o-ink-faint: var(--lx-ink-faint);
  --7o-brand: var(--lx-purple);
  --7o-brand-dark: var(--lx-purple-dark);
  --7o-brand-soft: var(--lx-purple-soft);
  --7o-brand-line: var(--lx-purple-line);
  --7o-danger: var(--lx-danger);
  --7o-danger-soft: var(--lx-danger-soft);
  --7o-warning: var(--lx-warning);
  --7o-warning-soft: var(--lx-warning-soft);
  --7o-radius: var(--lx-radius);
  --7o-radius-lg: var(--lx-radius-lg);
  --7o-radius-xl: var(--lx-radius-xl);
  --7o-shadow: var(--lx-shadow);
  --7o-container: var(--lx-container);
  --7o-header-h: var(--lx-header);
  --7o-mobile-bar: var(--lx-dock);
  --7o-font: var(--lx-font);
  --7o-ease: var(--lx-ease);
  --bg: var(--lx-bg);
  --card: var(--lx-surface);
  --line: var(--lx-border);
  --text: var(--lx-ink);
  --muted: var(--lx-ink-soft);
  --green: var(--lx-purple);
  --green-dark: var(--lx-purple-dark);
  --green-soft: var(--lx-purple-soft);
  --purple: var(--lx-purple);
  --purple-soft: var(--lx-purple-soft);
}