/* MyAdvisorData web screen: the theme tokens the shell adds on top of app.css's :root set (--navy --navy2 --ink --mute
   --gold --blue --green --red --card --line, which stay in app.css). The names and values are the ones the brand seat's
   theme.css carries; theme.css loads after this file and restyles on top. Nothing else is named here for the theme. */
:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space: 8px;                             /* the grid; multiples only */
  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 20px;
  --surface-0: rgba(11, 26, 46, .55);       /* glass, the page background shows through */
  --surface-1: rgba(17, 37, 64, .72);       /* a card */
  --surface-2: rgba(24, 48, 82, .86);       /* a raised card, a drawer */
  --glow: 0 0 28px rgba(228, 200, 119, .22);
  --focus: 0 0 0 2px var(--navy), 0 0 0 4px var(--gold);
  --nav-w: 248px; --nav-rail: 64px;
  --text-max: 65ch;
  --t-1: 13px; --t-2: 15px; --t-3: 17px; --t-4: 22px; --t-5: 30px; --t-6: clamp(34px, 4.6vw, 52px);
}