/* Llavo design tokens. The only file with raw colour values: every other stylesheet uses these
   variables. Colour rule 60-30-10: neutral surfaces, blue only for the next action, a selection or
   progress, green = confirmed, amber = needs attention, always with text. */
:root {
  /* Blue */
  --blue: #3957BD;
  --blue-hover: #263D8C;
  --blue-deep: #1E3AAE;
  --blue-wash: rgba(57, 87, 189, .08);
  --blue-ring: rgba(57, 87, 189, .55);
  --blue-glass: rgba(57, 87, 189, .85);

  /* Ink */
  --ink: #151A2E;
  --ink-2: #3A4258;
  --grey: #636B84;
  --faint: #9198AE;

  /* Lines */
  --line: #E4E8F2;
  --line-2: #DBE1EF;
  --hairline: rgba(21, 26, 46, .10);
  --hairline-soft: rgba(21, 26, 46, .06);

  /* Surfaces */
  --bg: #FFFFFF;
  --bg-2: #FAFBFD;
  --bg-3: #F7F8FC;
  --bg-4: #F3F5FB;
  --on-blue: #FFFFFF;
  --on-blue-soft: rgba(255, 255, 255, .85);

  /* Status */
  --green: #1F7A47;
  --green-glass: rgba(31, 122, 71, .85);
  --green-wash: rgba(31, 122, 71, .10);
  --amber: #C77D0A;
  --amber-wash: rgba(199, 125, 10, .12);
  --attn: #B4531F;
  --attn-bg: #FCF0E8;
  --chip-bg: #EEF2FC;
  --chip-line: #DBE3F6;

  /* Glass (floating controls only: header pill, bottom bar, sheets) */
  --glass-bg: rgba(255, 255, 255, .55);
  --glass-bg-strong: rgba(255, 255, 255, .72);
  --glass-bg-soft: rgba(255, 255, 255, .7);
  --glass-line: rgba(255, 255, 255, .9);
  --glass-line-strong: rgba(255, 255, 255, .95);
  --glass-chip-line: rgba(255, 255, 255, .6);
  --glass-inset: inset 0 1px 0 #FFFFFF;
  --glass-blur: blur(20px) saturate(1.5);
  --header-veil: rgba(255, 255, 255, .96);
  --scrim: rgba(21, 26, 46, .28);

  /* Photo overlays */
  --shade: linear-gradient(180deg, rgba(21, 26, 46, 0) 45%, rgba(21, 26, 46, .62) 100%);
  --counter-bg: rgba(21, 26, 46, .45);
  --on-photo: #FFFFFF;

  /* Buyer page blobs */
  --blob-1: #DCE4FA;
  --blob-2: #F5E7DB;
  --blob-3: #E6ECFB;
  --avatar-bg: linear-gradient(135deg, #DCE4FA, #EEF2FC);

  /* Shadows */
  --shadow-card: 0 6px 18px rgba(21, 26, 46, .06);
  --shadow-float: 0 12px 32px rgba(21, 26, 46, .14);
  --shadow-island: 0 16px 40px rgba(21, 26, 46, .18);
  --shadow-primary: 0 8px 20px rgba(57, 87, 189, .3);

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --font-mark: "Poppins", var(--font);
  --fs-base: 15px;
  --lh-base: 1.35;
  --fs-title: 28px;
  --fs-label: 12px;
  --fs-price: 22px;
  --fs-meta: 12.5px;
  --fs-code: 10.5px;

  /* Radii */
  --r-card: 26px;
  --r-cover: 21px;
  --r-pill: 22px;
  --r-pill-lg: 32px;
  --r-btn: 16px;
  --r-chip: 14px;
  --r-sheet: 32px;

  /* Sizes */
  --h-btn: 48px;
  --h-chip: 28px;
  --w-buyer: 480px;
  --w-adviser: 1180px;
  --gutter: 16px;

  /* Motion */
  --ease-pop: cubic-bezier(.2, .9, .3, 1.05);
  --t-fast: .16s;
}