/* Authorized Marketing — light theme.
   Nocturne is authored dark; this remaps the SAME token ramps for a light
   ground (inverted lightness scale, accent moved to a deep step so it keeps
   its 3:1 against a light surface). No new hues are introduced. */
:root[data-theme="light"] {
  /* Ground sits between neutral-200 and neutral-300 rather than at the top of
     the ramp: a paper-grey that doesn't glare, with the surface stepped up so
     cards still lift off it. */
  --color-bg: #d8dbe9;
  --color-surface: #e9ebf6;
  --color-text: #292b31;
  --color-accent: #5d5294;
  --color-accent-2: #5d5294;
  --color-divider: color-mix(in srgb, #292b31 16%, transparent);

  /* neutral ramp, lightness inverted */
  --color-neutral-100: #292b31;
  --color-neutral-200: #3f424d;
  --color-neutral-300: #595d6c;
  --color-neutral-400: #75798c;
  --color-neutral-500: #9397ab;
  --color-neutral-600: #b2b6ca;
  --color-neutral-700: #cfd3e5;
  --color-neutral-800: #e4e7f5;
  --color-neutral-900: #f3f5fe;

  /* accent ramp, lightness inverted — 300 stays legible as body-size accent */
  --color-accent-100: #2b2741;
  --color-accent-200: #423a6a;
  --color-accent-300: #5d5294;
  --color-accent-400: #423a6a;
  --color-accent-500: #796cbf;
  --color-accent-600: #968ae0;
  --color-accent-700: #b5abfc;
  --color-accent-800: #d2cefd;
  --color-accent-900: #dedbf5;

  --color-accent-2-100: #2b2741;
  --color-accent-2-200: #423a6a;
  --color-accent-2-300: #5d5294;
  --color-accent-2-400: #423a6a;
  --color-accent-2-500: #796cbf;
  --color-accent-2-600: #968ae0;
  --color-accent-2-700: #b5abfc;
  --color-accent-2-800: #d2cefd;
  --color-accent-2-900: #dedbf5;

  /* the saturated presence band becomes a lavender tint so dark text holds */
  --color-section: #dcd9f0;
  --color-section-glow: #cbc6e8;
  --color-section-ghost: #bdb7e0;

  /* elevation on a light ground: ink-tinted shadow, not ambient darkness */
  --shadow-sm: 0 0 0 1px #c6cadc;
  --shadow-md: 0 0 0 1px #c6cadc, 0 6px 18px rgba(41, 43, 49, 0.10);
  --shadow-lg: 0 0 0 1px #b2b6ca, 0 16px 40px rgba(41, 43, 49, 0.16);
}

/* Images authored to blend on a dark ground must not blend on a light one */
:root[data-theme="light"] .lighten { mix-blend-mode: normal; }

/* Reserve the floating dock's lane. Below this width the hero's two-column
   grid puts its availability card within 41px of the right edge, while the
   dock occupies 66px (46px target + 20px offset). A media query cannot be
   expressed inline, so it lives here; sections opt in with data-dock-lane. */
@media (max-width: 1100px) {
  /* !important is required: the sections carry an inline `padding` shorthand,
     which outranks any external padding-right. */
  [data-dock-lane] { padding-right: 82px !important; }
}
@media (max-width: 620px) {
  [data-dock-lane] { padding-right: 24px !important; padding-bottom: 92px !important; }
}

@media print {
  :root { --color-bg: #ffffff; --color-text: #191b22; }
}