/* Observed values: Figma Home / Default 4:1144. Semantic aliases are inferred for Home.
   Font files supplied by Kelly on October 7, 2026; see docs/typography.md. */
@font-face { font-family: 'Lucid Preview Montreal'; src: url('../assets/fonts/PPNeueMontreal-Regular-v3.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; font-feature-settings: "ss02" 1; }
@font-face { font-family: 'Lucid Preview Montreal'; src: url('../assets/fonts/PPNeueMontreal-Medium-v3.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; font-feature-settings: "ss02" 1; }
@font-face { font-family: 'Lucid Preview Montreal'; src: url('../assets/fonts/PPNeueMontreal-Bold-v3.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap; font-feature-settings: "ss02" 1; }
.lucid {
  --ld-white: #fff; --ld-black: #000; --ld-neutral-25: #f7f7f7;
  --ld-black-4: rgb(0 0 0 / 4%); --ld-black-6: rgb(0 0 0 / 6%); --ld-black-50: rgb(0 0 0 / 50%);
  --ld-white-32: rgb(255 255 255 / 32%); --ld-white-50: rgb(255 255 255 / 50%); --ld-white-64: rgb(255 255 255 / 64%);
  --ld-lime-100: #dff7d2; --ld-lime-950: #2e8c00; --ld-red-900: #c20000; --ld-notification: #e5301c; --ld-rose-300: #ffa3cc;
  /* October 15 screenshot in sRGB: replaces the retired cherry performance palette. */
  --ld-red-500: #ff3333; --ld-red-200: #ffd4d4;
  /* Green source paints; red screenshot reconstruction. See docs/charts.md. */
  --ld-chart-green-start: #43bd26; --ld-chart-green-end: #6bf043;
  --ld-chart-red-start: var(--ld-red-900); --ld-chart-red-end: var(--ld-red-500);
  --ld-chart-green-fill-opacity: .24; --ld-chart-red-fill-opacity: .13;
  --ld-portfolio-down: var(--ld-red-900); --ld-portfolio-down-badge: var(--ld-red-200);
  --ld-surface: var(--ld-white); --ld-text: var(--ld-black); --ld-muted: var(--ld-black-50);
  --ld-border: var(--ld-black-6); --ld-gain: var(--ld-lime-950); --ld-loss: var(--ld-red-900);
  --ld-radius-tile: 12px; --ld-radius-card: 24px; --ld-radius-feature: 32px; --ld-radius-dock: 40px;
  --ld-space-xs: 4px; --ld-space-sm: 8px; --ld-space-md: 16px; --ld-space-lg: 24px; --ld-space-xl: 32px; --ld-space-section: 48px;
  /* Proposed shared screen roles; end spacing is independent of row count. */
  --ld-card-padding: var(--ld-space-lg);
  --ld-card-padding-compact: var(--ld-space-md);
  --ld-list-row-gap: var(--ld-space-md);
  --ld-section-heading-gap: var(--ld-space-md);
  --ld-divider-width: 1px;
  --ld-screen-gutter: var(--ld-space-md);
  --ld-content-end: var(--ld-space-lg);
  --ld-focus-clearance: var(--ld-space-md);
  --ld-screen-section-gap: var(--ld-space-section);
  --ld-search-results-gap: var(--ld-space-xl);
  --ld-bottom-control-inset: var(--ld-space-md);
  --ld-shadow-card: 0 4px 16px rgb(0 0 0 / 8%); --ld-shadow-control: 0 4px 16px rgb(0 0 0 / 12%);
  --ld-shadow-dock: 0 4px 24px rgb(0 0 0 / 16%);
  --ld-font: 'Lucid Preview Montreal', sans-serif;
  --ld-type-caption: 12px; --ld-type-small: 14px; --ld-type-body: 16px; --ld-type-value: 18px; --ld-type-balance: 56px;
  /* Observed Transfer Rev C PDF (2026-10-06, p13); see docs/typography.md. */
  --ld-type-keypad: 28px;
  /* Observed Briefs primitives; context-chip and cover roles inferred from both covers. */
  --ld-neutral-50: #efefef; --ld-black-8: rgb(0 0 0 / 8%); --ld-black-16: rgb(0 0 0 / 16%);
  --ld-black-32: rgb(0 0 0 / 32%); --ld-black-64: rgb(0 0 0 / 64%);
  --ld-sky-100: #d4e8ff; --ld-sky-300: #a3d1ff; --ld-cyan-300: #99f3f7;
  --ld-lime-300: #bff7af; --ld-lime-500: #94f578; --ld-lime-900: #43bd26;
  --ld-lime-100-50: rgb(223 247 210 / 50%); --ld-type-heading: 32px;
  /* Proposed intermediate title role for security identity; Kelly requested small/medium/large hierarchy. */
  --ld-type-title: 24px;
  --ld-type-quote: 40px; /* Proposed SDP primary price, 5:3 against the 24px name. */
  /* Observed Chat / Typed 4:11283, 4:11289 and composer icon slots. */
  --ld-chat-inset: 8px; --ld-chat-radius: 40px;
  --ld-chat-control: 48px; --ld-chat-icon: 20px; --ld-chat-composer-height: 66px;
  font: 500 var(--ld-type-body)/1.2 var(--ld-font); font-feature-settings: "ss02" 1; color: var(--ld-text);
}

/* Kelly, October 15: Neue Montreal round punctuation (Stylistic Set 2).
   The face default also covers component font shorthands. */
:root { font-feature-settings: "ss02" 1; }
button, input, textarea, select { font-feature-settings: inherit; }
