/* Boardroom UI — design tokens
   Source: Boardroom UI.ai, artboards 9–15.
   Artboards are 1179 × 2556 = iPhone 393 × 852 @3x, so every value below is
   the Illustrator value ÷ 3, rounded to a sensible CSS px. */


:root {
  /* Colour */
  --c-ink:          #000000;  /* headings, slot text */
  --c-primary:      #231f20;  /* dark buttons, booked slot, selected date, outlines */
  --c-primary-ink:  #ffffff;  /* text on dark */
  --c-text-muted:   #666666;  /* labels: "Please enter…", "6 time slot available" */
  --c-text-faint:   #999999;  /* month under date ("Aug") */
  --c-disabled:     #cccccc;  /* unavailable slot (struck through) */
  --c-divider:      #e6e6e6;  /* solid rule under section titles */
  --c-rule:         #808080;  /* date-strip rule + dashed separators */
  --c-icon:         #666666;  /* amenity icons */
  --c-bg:           #ffffff;

  /* Type: Inter */
  --font: "Inter", system-ui, -apple-system, sans-serif;
  --fs-title:   25px;  /* 76px  bold   — "Boardroom 1", "Login Details", sheet titles */
  --fs-body:    16px;  /* 47px  bold   — slot times, button labels, input values */
  --fs-label:   14px;  /* 42px  medium — field labels, counts, sheet hint */
  --fs-small:   12px;  /* 36px  light  — "Cancel Booking" sub-line */
  --fs-micro:   9.5px; /* 28.6px regular — weekday letter + month in date strip */
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-bold: 700;

  /* Layout */
  --frame-w:   393px;
  --gutter:    30px;   /* side margin; content width ≈ 333px */
  --gap-s:     10px;
  --gap-m:     20px;
  --gap-l:     30px;

  /* Shape */
  --r-card:    11px;   /* hero/room photos (33.5) */
  --r-field:   9.5px;  /* inputs + time slots (28.5) */
  --r-btn:     6px;    /* login/profile buttons (17.5) */
  --r-btn-lg:  8px;    /* sheet buttons + booking pills (25) */
  --r-box:     16px;   /* login placeholder box (47) */
  --stroke:    1px;    /* 2.4px @3x ≈ 0.8px; 1px reads the same */

  /* Component sizes */
  --h-field:   60px;   /* inputs, time slots, booking pills (180) */
  --h-btn:     47px;   /* Login / Forgot / Reset / Delete (140) */
  --h-btn-sheet: 48px; /* Book Now / Cancel in sheets (144), radius --r-btn-lg */
  --h-sheet:   186px;  /* sheets 14 & 15 are full width × 186 (559) */
  --hero-h:    83px;   /* room photo strip (250) */
  --logo-w:    46px;   /* 137 × 160 */
  --date-pill: 42px 60px;

  /* Elevation */
  --shadow-sheet: 0 4px 16px rgba(0,0,0,.35); /* sheets 14 & 15 drop shadow */
}