:root {
  --navy: #0f2135;
  --navy-soft: #16314d;
  --blue: #1877c9;
  --blue-dark: #125a9c;
  --sky: #eaf5ff;
  --paper: #ffffff;
  --paper-warm: #fbf8f2;
  --ink: #162434;
  --muted: #64748b;
  --line: #e7edf3;
  --gold: #c9982f;
  --gold-light: #faf3e2;
  --green: #16835a;

  --font-ar: "Cairo", "Tahoma", Arial, sans-serif;
  --container: 1180px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-sm: 0 2px 10px rgba(15, 33, 53, 0.06);
  --shadow-md: 0 12px 30px rgba(15, 33, 53, 0.1);
  --shadow-lg: 0 24px 60px rgba(15, 33, 53, 0.16);
}