/* The Mansku Events theme, the product's tokens restated for a dark site.
 * It is set in the company's gold and its logotype's face, with every lifted
 * surface a glass over the page's ground. Designed with Tomi on 2026-10-13 in
 * `prototypes/work/portal/`; only `@font-face` and `:root` tokens the product
 * declares belong here (`tests/themes.rs`). */

@font-face {
  font-family: "Outfit";
  src: url("/static/themes/mansku/outfit-latin-92684e4acde79ef0.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --color-scheme: dark;

  /* The palette, turned. Secondary words are light added to what is behind
   * them rather than a translucent grey: with plus-lighter a quiet line over
   * the warm ground comes out a lighter warm, and over a card's glass a
   * lighter version of that glass. Each level is how much light it adds. */
  --text: oklch(0.97 0 0);
  --text-prose: rgb(200 200 200);
  --text-muted: rgb(166 166 166);
  --text-disabled: rgb(124 124 124);
  --text-secondary-blend: plus-lighter;
  --text-hover: oklch(0.9 0 0);
  --ground: oklch(0.16 0 0);
  --surface: oklch(0.22 0 0);
  --fill: oklch(0.28 0 0);
  /* A hairline is the ground's own warmth lifted, not a white at low
   * opacity, which reads grey over a warm brown. */
  --line: oklch(0.86 0.04 70 / 0.2);
  --interactive-wash: oklch(1 0 0 / 0.08);
  --shadow-contact-color: oklch(0 0 0 / 0.3);
  --shadow-ambient-color: oklch(0 0 0 / 0.36);
  --attention: oklch(0.72 0.16 28);

  /* The face the logotype is set in, for every name on the page. */
  --font-display: "Outfit", var(--font-body);

  /* The product's cyan becomes the gold the logotype's body settles on (read
   * off the rendered glass wordmark, 2026-10-13): links, the selected option,
   * focus. On a dark ground the strong variant is the lighter one, because it
   * is read as text. */
  --accent: oklch(0.82 0.075 70);
  --accent-strong: oklch(0.88 0.085 76);
  --accent-text: oklch(0.22 0.03 60);
  --accent-wash: oklch(0.82 0.075 70 / 0.14);

  --control-line: oklch(1 0 0 / 0.16);
  --control-line-hover: oklch(1 0 0 / 0.28);
  --control-recess: inset 0 1px 1px oklch(0 0 0 / 0.2), inset 0 -1px 0 oklch(1 0 0 / 0.06);
  --control-disabled-fill: oklch(1 0 0 / 0.08);

  /* Availability on the dark ground: a green that glows rather than tints,
   * so an open run reads as lit and the selected day as the brightest. */
  --availability-fill: oklch(0.55 0.08 150 / 0.24);
  --availability-ink: oklch(0.9 0.07 150);
  --availability-selected: oklch(0.82 0.13 150);

  /* The booking button in the gold, with its inner light and shade taken
   * from the logotype's rim. */
  --booking-button-text: oklch(0.22 0.03 60);
  --booking-button-fill: oklch(0.8 0.115 74);
  --booking-button-inner-light: rgb(255 228 170 / 0.8);
  --booking-button-inner-dark: rgb(150 90 20 / 0.4);
  --booking-button-shadow: rgb(0 0 0 / 0.3);

  /* Every lifted surface is one glass. The product's dark glass is made to
   * hold white words over a bright photograph and read near-black over this
   * already dark ground, so this one lifts instead of dimming: a lighter,
   * thinner fill and a brightened backdrop, the lightest step of a four-step
   * ladder (Tomi 2026-10-13). A band over a scroll is clear on glass. */
  --card-fill: oklch(0.36 0 0 / 0.3);
  --card-backdrop: blur(16px) saturate(1.5) contrast(1) brightness(1.25);
  --card-picture-fill: oklch(0.36 0 0 / 0.3);
  --card-band-fill: transparent;
  --chrome-glass-fill: oklch(0.36 0 0 / 0.3);
  --chrome-glass-blur: 16px;
  --chrome-glass-saturation: 1.5;
  --chrome-glass-contrast: 1;
  --chrome-glass-brightness: 1.25;
  /* The edge light's saturation at 3.6 turned every dark backdrop red; at 2
   * it picks up the ground's colour without tinting it. */
  --edge-light-fill: oklch(1 0 0 / 0.16);
  --edge-light-saturation: 2;

  /* The map's light Voyager tiles inverted and turned back round the hue
   * wheel: a dark map with the same roads, warmed toward the ground. CARTO's
   * Dark Matter read near-black and cold against this page (Tomi
   * 2026-10-13). On glass the map fades out into the card rather than under
   * a veil: a grey wash and haze over a photographic ground read as fog. */
  --map-tile-filter: invert(1) hue-rotate(180deg) brightness(0.92) contrast(0.88) sepia(0.28);
  --veil-display: none;
  --location-map-fade-stacked: linear-gradient(to top, transparent 22%, black 72%);
  --location-map-fade-beside: linear-gradient(to right, transparent 26%, black 70%);

  /* The logotype: Outfit 600, lowercase, on two lines that interlock, the
   * font's own outlines (box 4.1745em by 1.3373em, the masks' viewBox). Its
   * colour is fixed rather than a material, because a mark has to look the
   * same wherever it stands (Tomi 2026-10-13): a tan body lighter where the
   * light falls, inside a gold rim from pale to amber, every stop a clean
   * gold at chroma 0.07 to 0.135 rather than gold with grey in it. */
  --mark-inline-size: 4.1745em;
  --mark-block-size: 1.3373em;
  --mark-fill-mask: url("/static/themes/mansku/mark-fill-83c9cc2f3ce59dff.svg");
  --mark-edge-mask: url("/static/themes/mansku/mark-edge-3bb8b1ad33b80b32.svg");
  --mark-shadow-image: url("/static/themes/mansku/mark-shadow-5d190a122d502ea3.svg");
  --mark-shadow-overscan: 0.3em;
  --mark-fill: linear-gradient(
    176deg,
    oklch(0.9 0.07 86) 0%,
    oklch(0.81 0.115 76) 40%,
    oklch(0.72 0.135 66) 60%,
    oklch(0.76 0.125 70) 100%
  );
  --mark-rim: linear-gradient(180deg, rgb(255 220 150) 0%, rgb(250 160 48) 100%);

  /* A drawing among the photographs (a floor plan: white, without colour)
   * is turned into light lines on a dark sheet, warmed toward the ground, so
   * it sits among them instead of glaring out of them. */
  --drawing-filter: invert(0.84) sepia(0.7) saturate(1.2);

  /* The front page's map: the four spaces on CARTO Voyager tiles without
   * labels, styled as the space page's map, so the pins are the only names on
   * it (Tomi 2026-10-13). Made by a script of the prototype's that the
   * repository does not hold; the projection it was drawn in is the themes
   * row's. Pin names a step under white and a touch warm, so the logotype
   * stays the brightest thing in the masthead. */
  --map-top: rgb(18 18 13);
  --map-bottom: rgb(19 25 24);
  --map-ground:
    url("/static/themes/mansku/map-ground-e898a0fe10569a42.webp") center top / 2400px 1400px no-repeat,
    linear-gradient(rgb(19 25 24), rgb(19 25 24)) 0 1400px / 100% 100% no-repeat;
  --map-ground-sharp: url("/static/themes/mansku/map-sharp-9d33bee018ba80b3.webp") calc(50% + 60px) 28px / 1280px
    367px no-repeat;
  --map-strip-image: url("/static/themes/mansku/map-strip-69ee32ca65058e4a.webp");
  --map-strip-x: -3px;
  --map-strip-y: 20px;
  --map-pin-name: oklch(0.86 0.02 80);
  --map-pin-glow: oklch(0.8 0.12 72 / 0.55);

  /* A space's photograph as its page's ground, at the prototype's 0.34
   * brightness. */
  --ground-image-shade: 66%;
}