/* Design tokens: every color, font, size step, radius, border and shadow the
   app uses. style.css only refers to these. Loaded before style.css.

   Family: the shared names (--bg, --surface, --text, --primary, --radius-s
   and the rest of the first block) are the same names and standard-theme
   values as Hive mail (olsen-tech-mail, frontend/src/styles.css), so the
   Hive products look like one family. Change a shared value in both apps or
   in neither. Hive Book-only tokens come after, under their own heading.

   A rebrand is: the brand settings (APP_NAME, BRAND_TAGLINE, BRAND_MAKER),
   app/static/brand/mark.svg, and the values in this file. Nothing else. */
:root {
  /* ---- Shared with Hive mail (standard theme) ---- */
  --bg: #f6f8fc;
  --surface: #ffffff;
  --surface-dim: #f0f4f9;
  --hover: #eaeef5;
  --selected: #d3e3fd;
  --text: #1f1f1f;
  --text-2: #444746;
  --text-3: #5f6368;
  --primary: #0b57d0;
  --primary-hover: #0a4fbd;
  --on-primary: #ffffff;
  --primary-container: #c2e7ff;
  --on-primary-container: #001d35;
  --outline: #747775;
  --divider: #e3e3e3;
  --error: #b3261e;
  --error-container: #fce8e6;
  --success: #146c2e;
  --success-container: #c4eed0;
  --on-success-container: #072711;
  --focus: #0b57d0;
  --shadow-1: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  --shadow-2: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 28px;
  --border-w: 1px;
  --font: "Google Sans Text", Roboto, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Google Sans", Roboto, "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;

  /* ---- Hive Book only ---- */
  /* Brand accent: honey lives in the mark (static/brand/mark.svg) and the
     favicon only, never in the interface, the same rule as Hive mail. */
  --brand-honey: #f6b72a;
  --brand-comb: #3b2a14;
  /* Body text is 16px, not Hive mail's 14px: booking forms are filled in on
     phones by the public, and 16px inputs stop iOS from zooming. */
  --font-size-base: 1rem;
  --font-size-small: 0.875rem;
  --font-size-tiny: 0.8125rem;
  --font-size-h1: 1.75rem;
  --font-size-h1-phone: 1.5rem;
  --font-size-h2: 1.125rem;
  --font-size-h3: 1rem;
  --line-height: 1.5;
  --radius-field: 4px;   /* text fields and dropdowns, as Hive mail's outlined fields */
  --radius-pill: 999px;  /* buttons, nav items, badges */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --content-max: 61.25rem;  /* 980px page column */
  --control-h: 2.75rem;     /* 44px: the smallest tap target for fields and buttons */
  --control-h-small: 2.25rem;
  --icon-btn: 2.25rem;
  --overlay-shadow: var(--shadow-2);
  --motion: 150ms cubic-bezier(0.2, 0, 0, 1);
  /* Booking emails (app/templates/email/) inline these values, since email
     clients ignore stylesheets. Mail apps in dark mode that honour
     prefers-color-scheme (Apple Mail, Outlook for Mac) get these instead;
     Hive mail's dark surfaces. */
  --email-max: 600px;
  --email-dark-bg: #1f1f1f;
  --email-dark-surface: #2d2e30;
  --email-dark-text: #e3e3e3;
  --email-dark-text-3: #c4c7c5;
  --email-dark-primary: #a8c7fa;
  --email-dark-divider: #444746;
  /* Dropdown chevron, drawn in --text-3. */
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}