/* Sunbeam Dental: genuinely fixed values only (homepage-spec Section 0.1, verbatim).
   Ratios, vh, %, flex and grid mechanisms live in site.css. */
:root {
  /* faces (FLAVOR) */
  --font-display: "Gelasio", Georgia, serif;      /* 400 + 500 only; italic never used in headings */
  --font-body: "Open Sans", Arial, sans-serif;    /* 400 / 600 / 700 only */

  /* hues (FLAVOR, measured from their own pixels) */
  --steel: rgb(87, 109, 148);      /* brand hue: links, pill border/text, display on light; 5.22:1 on white */
  --ink: rgb(33, 46, 71);          /* deepened steel: dark band, dense text; 13.6:1 on white */
  --ink-glow: rgb(45, 62, 96);     /* contact-band radial centre; hue 220 deg = --ink hue 219.5 deg */
  --sun: rgb(228, 182, 49);        /* accent: tabs, active rules, hover fill; never text on white */
  --butter: rgb(244, 238, 150);    /* identity hue, only diluted: canvas ground (baked into canvas-rays.svg), favicon */

  /* canvas (asset-slots.md CANVAS-RAYS) */
  --canvas: rgb(254, 253, 242);    /* butter at 12% on white */
  --ray: rgb(238, 209, 122);       /* sun at 62% on --canvas; luma 208.8 = 81.9% white (darkest pigment) */
  --ray-soft: rgb(245, 228, 175);  /* sun at 35% on --canvas; luma 227.9 = 89.4% white */

  /* structural greys (family material law) */
  --body-ink: rgb(51, 51, 51);     /* mahwah measured body ink; 12.6:1 on white */
  --grey-title: rgb(78, 78, 78);   /* humphries testimonial ink; 8.3:1 on white */
  --grey-text: rgb(90, 90, 90);    /* humphries dropdown item ink; 6.9:1 on white */
  --rule: rgb(183, 183, 181);      /* mvendo palette-color-12 hairline (sampled 02-intro.jpg) */
  --footer-grey: rgb(117, 117, 117);  /* humphries rgb(148,148,148) deepened for white text 4.61:1 */
  --footer-chip: rgb(90, 90, 90);  /* humphries menu-wrapper chip (sampled 07-footer.jpg) */

  /* surfaces */
  --header-frost: rgba(255, 255, 255, 0.82);        /* humphries resting header */
  --card-frost-white: rgba(255, 255, 255, 0.55);    /* hero card: white frost PICKED (spec ADDENDUM 2 s1) */
  --plate: rgba(255, 255, 255, 0.89);               /* humphries reviews plate */
  --tile-scrim: linear-gradient(rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.65) 100%); /* belladental */
  /* mahwah The Grid overlay, alphas raised to the label floor (spec ADDENDUM 2 s3): resting 0.45 =
     min shared alpha for white labels >= 4.5:1 vs the label zone's 95th-percentile luminance;
     hover 0.28 = min for >= 3:1 (insurance tile governs both) */
  --pinfo-scrim-a: 0.45;
  --pinfo-scrim-hover-a: 0.28;
  --pinfo-scrim: rgba(22, 22, 22, var(--pinfo-scrim-a));
  --ghost-quote: rgba(222, 222, 222, 0.59);         /* humphries ghost quote glyphs */
  --on-dark-soft: rgba(255, 255, 255, 0.78);
  --on-dark-line: rgba(255, 255, 255, 0.14);
  --on-dark-line-soft: rgba(255, 255, 255, 0.08);

  /* widget-native carve-outs (outside the hue budget; standing owner ruling) */
  --g-star-amber: #fbbc04;
  --g-star-empty: rgb(218, 220, 224);
  --g-blue: #4285f4; --g-red: #ea4335; --g-yellow: #fbbc05; --g-green: #34a853;

  /* shadows: the family's card shadow + the Breakdance dropdown shadow; nothing else */
  --shadow-df: rgba(0, 0, 0, 0.145) 5px 5px 10px 3px;
  --shadow-dropdown: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px;

  /* radii (family ladder: pills / dropdown / review card / fields; every sheet, tile and photo is 0) */
  --radius-pill: 9999px;
  --radius-dropdown: 8px;
  --radius-review: 7.2px;
  --radius-field: 24px;

  /* the one button atom (FLAVOR) */
  --pill-h: 48px;
  --pill-h-util: 44px;          /* utility pill HIT AREA (44 floor) */
  --pill-h-util-face: 36px;     /* utility pill VISUAL height (ADDENDUM 3: owner, header too tall) */
  --pill-pad-x: 24px;
  --pill-border: 1px solid var(--steel);
  --pill-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;

  /* focus rings */
  --focus-light: 3px solid var(--ink);
  --focus-dark: 3px solid #fff;
  --focus-contact: 3px solid var(--sun);
  --focus-offset: 2px;

  /* chrome heights (fixed px, verified viewport-independent in the recipes) */
  /* ADDENDUM 3 (owner r2 gate: header too tall; 175 -> 125): utility tier 70 -> 50, humphries'
     30px nav margin dropped. The header height stays a SUM of its tiers, never authored on the box */
  --util-tier-h: 50px;
  --brand-tier-h: 75px;
  --header-h: calc(var(--util-tier-h) + var(--brand-tier-h));   /* 125 */
  --mbar-h: 80px;
  --actionbar-h: 56px;

  /* logo c4 "SD seal" (ADDENDUM 4). Desktop, owner amendment: the mark spans BOTH header tiers,
     header height minus an equal 10px inset top and bottom (105), 12px left of the wordmark.
     House bar: the plan's proportion, mark = the 42px bar lockup box, gap 12 x 42/55 */
  --logo-mark-inset: 10px;
  --logo-mark-h: calc(var(--header-h) - 2 * var(--logo-mark-inset));
  --logo-mark-gap: 12px;
  --bar-mark-h: 42px;              /* bar lockup box 26 + 2 + 14 */
  --bar-mark-gap: calc(12px * 42 / 55);

  /* fixed component px */
  --lockup-header-w: 250px;
  --dd-top: var(--header-h); /* dropdown panel top edge in header coordinates: flush under the bar */
  --doctor-card-w: 1060px;
  --portrait-w: 400px;
  --portrait-h: 533px;
  --split-tab-w: 200px;
  --split-tab-h: 24px;
  --svc-pill-w: 400px;
  --pinfo-band-h: 457px;
  --pinfo-knife: -10em;     /* = -160px at the 16px context; font-size-relative */
  --plate-max: 1300px;
  --contact-card-w: 340px;
  --contact-form-w: 700px;
  --map-h: 400px;
}