/* ==========================================================================
   Be Queen — design tokens
   Source: Claude Design handoff. Accent darkened for WCAG AA (see --accent).
   ========================================================================== */
:root{
  /* Surfaces */
  --bq-bg:#F3E4DC;              /* blush background */
  --bq-surface:#FFFBF8;         /* cards */
  --bq-surface-2:#FBF1EC;       /* subtle fill / inputs */

  /* Brand */
  --bq-accent:#AD5A66;          /* buttons & interactive — white text = 4.74:1 AA */
  --bq-accent-hover:#9B4D59;    /* hover / small accent text on blush = 4.71:1 AA */
  --bq-accent-decor:#B76E79;    /* original rose-gold: large display text, gradients, icons, borders */
  --bq-bronze:#8A5A48;
  --bq-ink:#4A2C2A;             /* text, bottom bar */
  --bq-muted:#6b4a44;

  /* Feedback */
  --bq-success:#2E6B4F;
  --bq-error:#A32C31;
  --bq-warning:#8A5A00;
  --bq-info:#3A5A8A;

  /* Gradients */
  --bq-grad-heading:linear-gradient(90deg,#B76E79 0%,#8A5A48 100%);
  --bq-grad-banner:linear-gradient(120deg,#B76E79 0%,#8A5A48 100%);

  /* Type */
  --bq-font-display:"Aref Ruqaa","Times New Roman",serif;
  --bq-font-ui:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bq-font-eyebrow:"El Messiri",var(--bq-font-ui);
  --bq-font-latin:"Playfair Display",Georgia,serif;

  --bq-fs-xs:.75rem;  --bq-fs-sm:.875rem; --bq-fs-base:1rem;
  --bq-fs-lg:1.125rem; --bq-fs-xl:1.375rem; --bq-fs-2xl:1.75rem; --bq-fs-3xl:2.25rem;
  --bq-lh-tight:1.35;  --bq-lh-body:1.75;   /* Arabic needs more leading than latin */

  /* Space — 8px base */
  --bq-1:4px; --bq-2:8px; --bq-3:12px; --bq-4:16px; --bq-5:20px;
  --bq-6:24px; --bq-8:32px; --bq-10:40px; --bq-12:48px; --bq-16:64px;

  /* Shape */
  --bq-r-card:20px; --bq-r-cta:14px; --bq-r-chip:100px; --bq-r-input:12px;
  --bq-shadow:0 6px 18px rgba(0,0,0,.05);
  --bq-shadow-lg:0 10px 30px rgba(74,44,42,.10);

  /* Layout */
  --bq-max:1200px;
  --bq-gutter:16px;
  --bq-tabbar-h:64px;
  --bq-header-h:56px;
  --bq-focus:3px solid #4A2C2A;
}
@media (min-width:768px){ :root{ --bq-gutter:24px; --bq-header-h:72px; } }
@media (min-width:1024px){ :root{ --bq-gutter:32px; } }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}