/* QADRBAY — shared light palette (mockup) */
:root {
  --bg: #ffffff;
  --bg-2: #f8f9fa;
  --bg-3: #f4f6f8;
  --bg-soft: #f8f9fa;
  --bg-muted: #f4f6f8;
  --text: #1a1a1a;
  --muted: #616161;
  --line: #e4e7ec;
  --orange: #ff7a00;
  --orange-dark: #e86c00;
  --orange-soft: #fff3e0;
  --green: #388e3c;
  --green-soft: #e8f5e9;
  --green-dark: #2e7d32;
  --err: #e05a4f;

  /* legacy aliases (styles.css / pay.html) */
  --gold: var(--orange);
  --gold-light: #ff9a3d;
  --glass: #ffffff;
  --glass-border: var(--line);
  --gold-glow: rgba(255, 122, 0, 0.28);
  --shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
  --radius: 14px;
  --pad: 16px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}