/* ==========================================================================
   Sultan Rewards — Brand tokens (carried over from sultan-website/css/styles.css)
   ========================================================================== */

:root {
  /* Palette */
  --color-cream: #faf6ee;
  --color-cream-deep: #f1e6d3;
  --color-paper: #fffdf9;
  --color-ink: #2a1d14;
  --color-brown: #4a3323;
  --color-brown-deep: #2b1d14;
  --color-gold: #b8863f;
  --color-gold-light: #ddb878;
  --color-gold-pale: #efd9ab;
  --color-red: #a02b3a;
  --color-red-deep: #7c1f2c;
  --color-cream-text: #f7efe0;
  --color-text: #2a1d14;
  --color-text-muted: #6b5a48;
  --color-border: rgba(74, 51, 35, 0.15);

  /* Tier accents (distinct from brand gold so a Gold-tier badge still reads
     clearly against the site's own gold accent color) */
  --color-tier-bronze: #a9744f;
  --color-tier-silver: #9aa1a8;
  --color-tier-gold: #d4af37;

  /* Type */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Jost', 'Segoe UI', sans-serif;
  --font-arabic: 'Noto Naskh Arabic', serif;

  /* Layout */
  --container-w: 560px;
  --radius: 6px;
  --radius-lg: 14px;
  --shadow-soft: 0 10px 30px rgba(42, 29, 20, 0.12);
  --shadow-deep: 0 20px 50px rgba(42, 29, 20, 0.25);

  /* App chrome */
  --tab-bar-h: 64px;
  --top-bar-h: 56px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
}