/* Content Autopilot tokens (Bridge Road Florist, private demo).
   Colours are from their own site theme: deep indigo #2a2442 for the main buttons and the clip inbox, soft pink #F8E8F7
   for wells, and a brighter pink as the one accent (selection, today). Video frames stay on a dark plum so the flowers read true.
   Fonts are the two on their site: Gloock (headings and names, single weight) and Crimson Text (everything else). */
:root {
  --font-brand: "Gloock", Georgia, serif;
  --font-display: "Gloock", Georgia, serif;
  --font-body: "Crimson Text", Georgia, "Times New Roman", serif;

  /* colour */
  --bg: #ffffff;
  --surface: #f8e8f7;      /* their soft pink: wells, skeletons, the bank panel */
  --surface-2: #f0d9ef;
  --ink: #1d1830;          /* text, video frames */
  --ink-2: #4a4360;        /* secondary text */
  --ink-3: #62597a;        /* tertiary */
  --line: #eadcea;
  --line-2: #d6c3d6;
  --brand: #2a2442;        /* their deep indigo: main buttons, the clip inbox, switches */
  --brand-deep: #1c1830;
  --gold: #f2a9dc;         /* the one accent, a bright pink (selection, today, bank); on indigo 7:1 */
  --gold-soft: #fbeaf8;
  --gold-ink: #8c2c72;     /* accent text on white, 6.7:1 */
  --timber: #3d3656;
  --danger: #a3271b;
  --focus: #1c64f6;

  /* type scale (1.2 from 16) */
  --t-xs: 14px; --t-sm: 15px; --t-md: 17.5px; --t-lg: 20px; --t-xl: 23px; --t-2xl: 28px; --t-3xl: 32px; --t-4xl: 56px;

  /* spacing (4 px base) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* radii: small for controls and thumbs, larger only for sheets and the phone-sized previews */
  --r-xs: 4px; --r-sm: 6px; --r-md: 10px; --r-lg: 16px;
  --shadow-bar: 0 -1px 0 var(--line);
  --shadow-sheet: 0 -10px 40px rgba(28, 26, 24, .18);
  --shadow-float: 0 6px 24px rgba(28, 26, 24, .16);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --tap: 48px;
  --tabbar: 64px;
}