:root {
  --cip-primary: #002555;
  --cip-primary-dark: #001a3c;
  --cip-primary-soft: #e6e9ee;
  --cip-accent: #0192a2;
  --cip-gold: #c9a227;
  --cip-warm: #8b6914;
  --cip-text: #1f2d3d;
  --cip-text-muted: #5b6878;
  --cip-border: #d9e2ec;
  --cip-surface: #ffffff;
  --cip-surface-muted: #f5f8fb;
  --cip-footer: #001a3c;
  --cip-radius: 12px;
  --cip-radius-lg: 18px;
  --cip-shadow: 0 14px 40px rgba(0, 37, 85, 0.08);
  --cip-shadow-hover: 0 18px 48px rgba(0, 37, 85, 0.14);
  --cip-container: 1180px;
  --cip-font: "Vazirmatn", Tahoma, "Segoe UI", sans-serif;
  --cip-header-h: 72px;
  --cip-topbar-h: 40px;
  --tbe-primary: var(--cip-primary);
  --tbe-primary-dark: var(--cip-primary-dark);
  --tbe-primary-light: var(--cip-primary-soft);
  --tbe-accent: var(--cip-accent);
  --tbe-text: var(--cip-text);
  --tbe-text-muted: var(--cip-text-muted);
  --tbe-border: var(--cip-border);
  --tbe-surface: var(--cip-surface);
  --tbe-surface-muted: var(--cip-surface-muted);
  --tbe-radius: var(--cip-radius);
  --tbe-shadow: var(--cip-shadow);
  --tbe-gold: var(--cip-gold);
}