:root {
  /* Altibbi × Marfeel — publisher analytics light theme */
  --brand: #00838f;
  --brand-2: #006974;
  --brand-3: #00acc1;
  --brand-glow: rgba(0, 131, 143, 0.25);
  --brand-soft: rgba(0, 131, 143, 0.1);
  --brand-ring: rgba(0, 172, 193, 0.35);

  --accent: #e65100;
  --accent-2: #ff8f00;
  --accent-soft: rgba(230, 81, 0, 0.08);
  --coral: #ef5350;
  --mint: #00897b;
  --mint-glow: rgba(0, 137, 123, 0.2);
  --violet: #5e35b1;
  --rose: #ec407a;
  --gold: #ffa726;

  --ink: #1a2332;
  --ink-2: #4a5568;
  --ink-3: #718096;
  --ink-4: #a0aec0;

  --bg: #eef1f6;
  --bg-2: #e4e9f0;
  --bg-3: #d8dee8;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-2: #f7f9fc;
  --surface-glass: #ffffff;
  --line: #e2e8f0;
  --line-2: #edf2f7;
  --line-glow: rgba(0, 131, 143, 0.2);

  --green: #00897b;
  --green-bg: rgba(0, 137, 123, 0.1);
  --red: #e53935;
  --red-bg: rgba(229, 57, 53, 0.08);
  --amber: #f57c00;
  --amber-bg: rgba(245, 124, 0, 0.08);

  --shadow-xs: 0 1px 2px rgba(26, 35, 50, 0.04);
  --shadow-sm: 0 2px 8px rgba(26, 35, 50, 0.06);
  --shadow-md: 0 8px 24px rgba(26, 35, 50, 0.08);
  --shadow-lg: 0 16px 48px rgba(26, 35, 50, 0.1);
  --shadow-glow: 0 4px 24px var(--brand-glow);
  --shadow-card: 0 1px 3px rgba(26, 35, 50, 0.06), 0 1px 2px rgba(26, 35, 50, 0.04);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --rail-w: 0px;
  --sidebar-w: 252px;

  --font: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
  --font-ar: "IBM Plex Sans Arabic", "Plus Jakarta Sans", sans-serif;
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.2s;

  --bar-amber: linear-gradient(90deg, #ffa726, #ffb74d);
  --bar-blue: linear-gradient(90deg, #00838f, #00acc1);
  --bar-rose: linear-gradient(90deg, #ec407a, #f48fb1);
  --bar-green: linear-gradient(90deg, #00897b, #26a69a);
  --bar-violet: linear-gradient(90deg, #5e35b1, #9575cd);

  --gradient-hero: linear-gradient(135deg, rgba(0,131,143,.06) 0%, rgba(94,53,177,.04) 100%);
  --gradient-border: linear-gradient(135deg, rgba(0,131,143,.4), rgba(94,53,177,.25));
}