/* Design tokens */
:root {
  /* brand */
  --blue: #0149cd;
  --blue-deep: #013592;
  --blue-night: #002a80;
  --blue-light: #2f6cf0;
  --blue-soft: #e8f0ff;
  --white: #fff;
  --accent: #ff6a3d;   /* hazards / alerts only */
  --gold: #ffd23f;     /* combo / records */

  /* surfaces */
  --glass: rgba(255, 255, 255, .1);
  --glass-strong: rgba(255, 255, 255, .18);
  --line: rgba(255, 255, 255, .3);

  /* type */
  --font: "Lutfey Arabic DEMO", "Segoe UI", "Noto Sans Arabic", Tahoma, system-ui, -apple-system, Roboto, Arial, sans-serif;

  /* hero text (filled Regular first, then the demo font, then system) */
  --font-hero: "Lutfey Arabic Regular", var(--font);

  /* shape & spacing */
  --radius: 999px;
  --radius-lg: 24px;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1200px;
  --ease: cubic-bezier(.2, .7, .2, 1);

  /* 3D cube size */
  --cube: clamp(150px, 34vmin, 300px);
}