/* ============================================================
 * VIP Services Mallorca — global design tokens
 *
 * Single source of truth for brand colour, type and spacing.
 * Promoted from the yacht pages' scoped block so every migrated
 * page (chrome included) draws from the same system.
 *
 * Loaded on every page, ~1 KB. Nothing here paints anything on
 * its own — it only declares variables.
 * ============================================================ */

:root {
  /* --- brand ------------------------------------------------ */
  --vip-navy:        #0B1B2B;  /* primary dark, page sections   */
  --vip-navy-2:      #122a40;  /* raised surface on navy        */
  --vip-chrome:      #08151F;  /* header + footer bar           */
  --vip-sand:        #F5EFE3;  /* warm light background         */
  --vip-sand-2:      #EAE0CD;
  --vip-accent:      #2A7DA0;
  --vip-accent-dark: #1A5A78;

  /* --- ink -------------------------------------------------- */
  --vip-ink:         #1a1a1a;
  --vip-ink-soft:    #4a4a4a;
  --vip-line:        #d9d2c2;
  --vip-white:       #ffffff;

  /* on dark chrome */
  --vip-on-dark:         rgba(255,255,255,.92);
  --vip-on-dark-soft:    rgba(255,255,255,.62);
  --vip-on-dark-line:    rgba(255,255,255,.12);

  /* --- type ------------------------------------------------- */
  --vip-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --vip-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* --- layout ----------------------------------------------- */
  --vip-container:   1240px;
  --vip-gutter:      28px;
  --vip-radius:      2px;
  --vip-header-h:    72px;

  /* --- elevation -------------------------------------------- */
  --vip-shadow-soft: 0 20px 60px rgba(11, 27, 43, .12);
  --vip-shadow-card: 0 12px 30px rgba(11, 27, 43, .08);
  --vip-shadow-bar:  0 1px 0 rgba(255,255,255,.06), 0 8px 24px rgba(0,0,0,.28);

  /* --- motion ----------------------------------------------- */
  --vip-ease:        cubic-bezier(.22,.61,.36,1);
  --vip-dur:         .25s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --vip-dur: 0.01ms; }
}