:root {
  --gt-bg: #0b0b0c;
  --gt-bg-elevated: #111112;
  --gt-bg-panel: #151517;
  --gt-bg-panel-2: #1c1c1f;
  --gt-bg-soft: rgba(255, 255, 255, 0.04);
  --gt-overlay: rgba(4, 8, 14, 0.72);

  --gt-text: #f5f5f4;
  --gt-text-soft: #d3d0ca;
  --gt-text-muted: #aca8a1;
  --gt-text-faint: #7a756e;

  --gt-gold: #d4af37;
  --gt-gold-strong: #d4af37;
  --gt-gold-deep: #8a6e1b;
  --gt-gold-soft: rgba(212, 175, 55, 0.16);
  --gt-silver: #c0c0c0;
  --gt-silver-bright: #d7d7d7;
  --gt-silver-deep: #7e7e7e;
  --gt-silver-soft: rgba(192, 192, 192, 0.12);
  --gt-navy: #0a1f3f;
  --gt-navy-strong: #122d59;

  --gt-success: #27d17f;
  --gt-danger: #ff6a66;
  --gt-warning: #ffb648;
  --gt-info: #66b8ff;

  --gt-border: rgba(255, 255, 255, 0.08);
  --gt-border-strong: rgba(255, 255, 255, 0.14);
  --gt-border-accent: rgba(212, 175, 55, 0.25);
  --gt-border-silver: rgba(192, 192, 192, 0.25);

  --gt-gradient-brand: linear-gradient(135deg, #d4af37 0%, #8a6e1b 100%);
  --gt-gradient-silver: linear-gradient(135deg, #c0c0c0 0%, #7e7e7e 100%);
  --gt-gradient-panel: linear-gradient(180deg, rgba(24, 24, 27, 0.98), rgba(11, 11, 12, 0.98));
  --gt-gradient-shell: linear-gradient(180deg, rgba(19, 19, 21, 0.98), rgba(11, 11, 12, 1));

  --gt-font-ar: "Tajawal", "Segoe UI", Tahoma, sans-serif;
  --gt-font-display: "Tajawal", "Segoe UI", Tahoma, sans-serif;
  --gt-font-mono: "IBM Plex Mono", "Cascadia Code", Consolas, monospace;

  --gt-space-1: 4px;
  --gt-space-2: 8px;
  --gt-space-3: 12px;
  --gt-space-4: 16px;
  --gt-space-5: 20px;
  --gt-space-6: 24px;
  --gt-space-7: 32px;
  --gt-space-8: 40px;
  --gt-space-9: 56px;
  --gt-space-10: 72px;

  --gt-radius-sm: 12px;
  --gt-radius-md: 18px;
  --gt-radius-lg: 24px;
  --gt-radius-pill: 999px;

  --gt-shadow-sm: 0 12px 32px rgba(0, 0, 0, 0.24);
  --gt-shadow-md: 0 18px 54px rgba(0, 0, 0, 0.32);
  --gt-shadow-lg: 0 28px 90px rgba(0, 0, 0, 0.42);
  --gt-shadow-gold: 0 18px 44px rgba(212, 175, 55, 0.12);

  --gt-container: 1360px;
  --gt-reading: 840px;
  --gt-header-height: 84px;
  --gt-topbar-height: 42px;
}