/**
 * Safe Clicks — shared design tokens (Dashboard + Login).
 * Keep in sync with dashboard module colors.
 */
@font-face {
  font-family: "Rabar_038";
  src:
    url("../../Rabar_038.ttf") format("truetype"),
    url("../fonts/rabar_038.woff2") format("woff2"),
    url("../fonts/rabar_038.woff") format("woff"),
    url("../fonts/rabar_038.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg-1: #f8fafc;
  --bg-2: #eef4ff;
  --bg-3: #dde9ff;
  --brand-1: #4f46e5;
  --brand-2: #0ea5e9;
  --text-strong: #0f172a;
  --text-soft: #475569;
  --shadow-soft: 0 10px 28px rgba(15, 23, 42, 0.08);
  --shadow-hover: 0 18px 42px rgba(37, 99, 235, 0.18);
  /* Primary brand (matches Tailwind arbitrary usage in modules) */
  --navy-deep: #0b2247;
  --gold-primary: #fab800;
  --glass-border: rgba(255, 255, 255, 0.7);
  --login-blur: 10px;
  --login-radius: 15px;
  --font-ku: "Rabar_038", "Ubuntu Arabic", "Noto Sans Arabic", sans-serif;
}