:root {
  /* Brand palette — same gold as VOKA Group */
  --voka-primary-red: #c6a15b;
  --voka-primary-red-rgb: 198, 161, 91;
  --voka-crimson-dark: #8f7340;
  --voka-crimson-dark-rgb: 143, 115, 64;
  --voka-on-accent: #121212;
  --voka-cyan-electric: #00d2ff;
  --voka-cyan-electric-rgb: 0, 210, 255;
  --voka-amber-safety: #c6a15b;
  --voka-amber-safety-rgb: 198, 161, 91;
  --voka-emerald-active: #10b981;
  --voka-emerald-active-rgb: 16, 185, 129;
  --voka-bg-obsidian: #070b14;
  --voka-bg-obsidian-rgb: 7, 11, 20;
  --voka-bg-navy: #090f1d;
  --voka-bg-navy-rgb: 9, 15, 29;
  --voka-card-slate: #0f172a;
  --voka-card-slate-rgb: 15, 23, 42;
  --voka-card-elevated: #0d1424;
  --voka-card-elevated-rgb: 13, 20, 36;

  --voka-bg: var(--voka-bg-obsidian);
  --voka-bg-rgb: var(--voka-bg-obsidian-rgb);
  --voka-bg-deep: var(--voka-bg-navy);
  --voka-bg-elevated: var(--voka-card-elevated);
  --voka-bg-soft: var(--voka-card-slate);
  --voka-bg-card: var(--voka-card-slate);
  --voka-bg-card-hover: var(--voka-card-elevated);
  --voka-bg-glass: rgba(var(--voka-bg-obsidian-rgb), 0.72);

  --voka-text: #f2eee8;
  --voka-white: #f5f5f5;
  --voka-muted: #b5aa9a;
  --voka-faint: #7c7468;

  --voka-gold: var(--voka-amber-safety);
  --voka-gold-rgb: var(--voka-amber-safety-rgb);
  --voka-gold-bright: #e2c17e;
  --voka-gold-deep: #8f7340;
  --voka-gold-gradient: linear-gradient(180deg, var(--voka-gold-bright), var(--voka-gold) 55%, var(--voka-gold-deep));
  --voka-btn-gold: linear-gradient(180deg, var(--voka-gold-bright), var(--voka-gold) 50%, var(--voka-gold-deep));
  --voka-btn-gold-hover: linear-gradient(180deg, #dfc088, var(--voka-gold-bright) 50%, var(--voka-gold));
  --voka-gold-glow: 0 8px 24px rgba(var(--voka-amber-safety-rgb), 0.22);
  --voka-gold-glow-lg: 0 14px 36px rgba(var(--voka-amber-safety-rgb), 0.35);

  --voka-blue: var(--voka-cyan-electric);
  --voka-blue-rgb: var(--voka-cyan-electric-rgb);
  --voka-blue-bright: var(--voka-cyan-electric);
  --voka-blue-dark: #0088aa;
  --voka-blue-navy: var(--voka-bg-navy);
  --voka-blue-glow: rgba(var(--voka-cyan-electric-rgb), 0.2);
  --voka-blue-glow-lg: 0 14px 36px rgba(var(--voka-cyan-electric-rgb), 0.22);

  --voka-line: rgba(var(--voka-amber-safety-rgb), 0.28);
  --voka-line-strong: rgba(var(--voka-amber-safety-rgb), 0.55);
  --voka-line-blue: rgba(var(--voka-cyan-electric-rgb), 0.28);
  --voka-border-glass: rgba(255, 255, 255, 0.05);
  --voka-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  --voka-serif: "Cormorant Garamond", "Times New Roman", serif;
  --voka-sans: "Manrope", "Noto Sans Arabic", system-ui, sans-serif;
  --voka-arabic: "Noto Sans Arabic", "Manrope", system-ui, sans-serif;

  --voka-container-max: 1240px;
  --voka-gutter: clamp(12px, 2.5vw, 20px);
  --voka-container: min(var(--voka-container-max), calc(100% - (var(--voka-gutter) * 2)));
  --voka-header-h: 88px;
  --voka-section-pad: clamp(4.5rem, 8vw, 7.5rem);

  --voka-radius-xs: 4px;
  --voka-radius-sm: 6px;
  --voka-radius: 10px;
  --voka-glass: rgba(var(--voka-bg-obsidian-rgb), 0.52);
  --voka-glass-border: rgba(255, 255, 255, 0.08);
  --voka-glass-highlight: rgba(255, 255, 255, 0.04);
  --voka-blur: blur(20px);

  --voka-radius-lg: 14px;
  --voka-radius-xl: 20px;
  --voka-radius-2xl: 28px;
  --voka-radius-btn: 6px;

  --voka-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --voka-transition: 0.35s var(--voka-ease);
  --voka-transition-fast: 0.2s ease;
}