/* JewelArte Diamond Passport — Design Tokens (dark theme) */
:root {
  /* Backgrounds */
  --phone-bg: linear-gradient(180deg, #20203A 0%, #1A1A2E 55%, #15152A 100%);
  --sticky-bg: #141427;
  --surface: rgba(255,255,255,0.045);
  --surface-hi: rgba(255,255,255,0.07);

  /* Borders */
  --border: rgba(255,255,255,0.085);
  --border-hi: rgba(255,255,255,0.16);

  /* Text */
  --text: #F3EFE6;
  --muted: #9AA2B2;
  --faint: #646C7C;

  /* Gold accent */
  --gold: #D4AF37;
  --gold-deep: #AE8F2D;
  --gold-grad: linear-gradient(180deg, #E9D79B 0%, #DABA53 42%, #AE8F2D 100%);
  --gold-text: #1C1810;

  /* Semantic */
  --value: #2ED47A;
  --down: #EF4444;

  /* Radii */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;

  /* Typography */
  --font-wordmark: 'Marcellus', serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Manrope', system-ui, sans-serif;

  /* Shadows */
  --cta-shadow: 0 8px 28px rgba(212,175,55,0.42), inset 0 1px 0 rgba(238,222,150,0.9);
  --card-shadow: 0 1px 0 rgba(255,255,255,0.04) inset, 0 10px 30px rgba(0,0,0,0.4);
}