/* Bloom brand tokens — shared by landing, portal, owner, admin, widget. */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Poppins:wght@300;400;500;600&display=swap");

:root {
  --plum: #0a0a0e;
  --wine: #1c1c24;
  --blush: #faf3e0;
  --rose: #d4af37;
  --cream: #ffffff;
  --ink: #1a1a1f;
  --muted: #5a5a62;
  --soft: #8a8a92;
  --line: rgba(212, 175, 55, 0.3);
  --line-strong: rgba(212, 175, 55, 0.55);
  --line-soft: rgba(212, 175, 55, 0.16);
  --silver: #b8902f;
  --surface: #ffffff;
  --surface2: #fbf7ee;
  --gold: #d4af37;
  --gold-deep: #b8902f;
  --gold-soft: #f0d98a;
  --ok: #2e7d32;
  --warn: #b3261e;
  --shadow: 0 10px 30px -18px rgba(60, 45, 10, 0.35);
  --glow-gold: 0 0 26px -6px rgba(212, 175, 55, 0.6);

  /* Aliases used by the owner console */
  --navy: var(--plum);
  --slate: var(--wine);
  --steel: var(--muted);
  --mist: var(--blush);
  --paper: var(--cream);
  --accent: var(--gold-deep);
}

/* Shared mobile safety — prevent accidental page-wide horizontal scroll */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img, video, svg { max-width: 100%; height: auto; }