/* Generated by brand/tokens.mjs from app/src/ui/tokens.css. Do not edit: change the source and run `node brand/tokens.mjs`. */
:root {
  /* Colour roles */
  --surface: #F7F3F1; /* the page */
  --raised: #FFFDFC; /* cards, sheets, fields */
  --sunken: #F0E8E4; /* wells, quiet buttons' hover, chips */
  --ink: #2A2320;
  --ink-muted: #6F635E; /* 5.3:1 on --surface */
  --ink-faint: #786D69; /* 4.55:1 on --surface; the lightest text allowed */
  --line: #EDE4DF;
  --line-strong: #DDD0CA;
  --line-field: #958882; /* field and control edges: 3.4:1 on --raised, 3.1:1 on --surface */
  --primary: #A84D6E; /* 5.3:1 under white text */
  --primary-hover: #8F3F5C;
  --on-primary: #FFFFFF;
  --primary-soft: #F9EEF1; /* selected rows and chips; primary text on it is 4.7:1 */
  --positive: #4F6F60;
  --positive-soft: #E6EFEA;
  --warning: #8A5A12;
  --warning-soft: #F6EBD9;
  --danger: #B3261E; /* a true red, never the brand rose */
  --danger-soft: #FBE9E7;
  --star: #8F5F00;
  --link: #A84D6E; /* text links; lighter on dark */
  --focus: #A84D6E; /* the one focus ring, 2px with a 2px gap */
  --scrim: rgba(42, 35, 32, 0.4); /* behind sheets and dialogs */

  /* Treatment categories: the stripe and dot on a booking (matches the API) */
  --cat-drainage: #7E9A94;
  --cat-relax: #A8768C;
  --cat-consult: #B4A6A0;

  /* Type: one family, six sizes */
  --font-sans: 'Plus Jakarta Sans Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --text-caption: 12px; /* meta lines and uppercase labels */
  --text-small: 14px; /* secondary text, compact buttons */
  --text-body: 16px; /* running text, fields, buttons */
  --text-heading: 18px; /* section and card titles */
  --text-title: 24px; /* page titles */
  --text-display: 32px; /* the one big number or greeting */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Space: a 4-point rhythm */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* Radius: three steps and a pill */
  --radius-s: 8px; /* inputs' inner bits, small tags */
  --radius-m: 16px; /* cards and list groups */
  --radius-l: 24px; /* sheets and dialogs */
  --radius-pill: 999px; /* buttons, chips, fields */

  /* Elevation */
  --shadow-1: 0 1px 2px rgba(42, 35, 32, 0.06);
  --shadow-2: 0 4px 12px rgba(42, 35, 32, 0.12);
  --shadow-3: 0 30px 70px -18px rgba(42, 35, 32, 0.32);

  /* Controls */
  --control-height: 48px; /* Regular: thumb-sized */
  --control-height-compact: 36px; /* Compact; still catches taps across 44px */
  --target-min: 44px; /* the smallest tap target */
  --fab-size: 56px;
}