/* ============================================================
   VR RENTAL SA - design tokens ("friendly-technical service")
   60-30-10: Fresh Cream #FFF9F0 / Crew Blue #35455C /
   Delivery Orange #FF8A3C. Bricolage Grotesque + Nunito Sans.
   ============================================================ */

:root {
  /* -- canvas & surfaces ------------------------------------ */
  --bg:          #FFF9F0;   /* Fresh Cream */
  --surface:     #FFFFFF;
  --bg-tint:     #FDF0DE;   /* orange-tinted band */
  --bg-cream:    #F2F5F9;   /* faint blue wash */

  /* -- ink ---------------------------------------------------- */
  --ink:         #26313F;   /* crew ink, never pure black */
  --ink-soft:    #4E5B6B;
  --ink-faint:   #8592A2;
  --line:        #EFE3D2;

  /* -- brand -------------------------------------------------- */
  --crew-blue:      #35455C;   /* 30 - bands, cards, footer */
  --crew-blue-deep: #26343F;
  --delivery-orange:   #FF8A3C;   /* 10 - the accent (shapes, chips) */
  --delivery-orange-deep: #E06E1F;
  --delivery-orange-ink: #C2550F;   /* AA-safe fill under white text */
  --delivery-orange-ink-deep: #A34409;

  /* -- type --------------------------------------------------- */
  --font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;
  --font-body:    "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* -- shape (chunky rounded) ---------------------------------- */
  --r-sm:   12px;
  --r-md:   18px;
  --r-lg:   22px;
  --r-xl:   26px;
  --r-pill: 999px;

  /* -- elevation (warm) ---------------------------------------- */
  --shadow-card: 0 10px 28px -14px rgba(38, 49, 63, .22);
  --shadow-pop:  0 28px 56px -22px rgba(38, 49, 63, .32);
  --shadow-warm: 0 16px 36px -14px rgba(255, 138, 60, .42);

  /* -- layout ------------------------------------------------- */
  --wrap:   1180px;
  --gutter: clamp(20px, 4vw, 36px);
}