/* ============================================================
   Lightwork objects gallery: theme on the design-foundations contract.
   Palette from the brand book (Pear, Bombay, Black) named after the
   subject: shade, daylight, slat. Dark remap under @media screen.
   ============================================================ */

@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/montserrat-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --w-display: 600;            /* brand book: SemiBold for headings */
  --tr-display: -0.02em;
  --tr-h2: -0.015em;
  --lh-display: 1.02;
  --fs-display: clamp(2.4rem, 1.2rem + 5vw, 5.6rem);
  --radius: 0px;               /* architectural: square corners */
  --radius-sm: 0px;
  --radius-button: 0px;
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.14em;

  /* daylight: white ground */
  --bg: #ffffff;
  --surface: #ffffff;
  /* slat tint: Bombay #AEB6BA washed toward white */
  --surface-2: #eef0f1;
  /* shade: brand Black */
  --ink: #000000;
  --muted-strong: #2b3033;
  /* slat shadow: Bombay darkened for text */
  --muted: #545c60;
  --line: #d9dddf;
  /* Bombay as a rule */
  --line-strong: #aeb6ba;
  --ink-field: #000000;
  --on-ink: #ffffff;
  /* Bombay on black */
  --on-ink-muted: #aeb6ba;
  /* signal: black on daylight, Pear on shade */
  --accent: #000000;
  /* Pear #E8F300 */
  --accent-fill: #e8f300;
  --accent-on-fill: #000000;
  --accent-text: #000000;
  --accent-soft: #f8fbc2;
  --field-1: #eef0f1;
  --field-1-ink: #000000;
  --field-2: #aeb6ba;
  --field-2-ink: #000000;
  --field-3: #000000;
  --field-3-ink: #ffffff;
  /* Pear kept as a named brand value for ink grounds */
  --pear: #e8f300;
  --bombay: #aeb6ba;
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --surface: #0b0c0d;
    --surface-2: #121516;
    --ink: #ffffff;
    --muted-strong: #d6dadc;
    --muted: #aeb6ba;
    --line: rgba(255, 255, 255, 0.12);
    --line-strong: rgba(174, 182, 186, 0.45);
    --ink-field: #000000;
    --on-ink: #ffffff;
    --on-ink-muted: #aeb6ba;
    --accent: #e8f300;
    --accent-fill: #e8f300;
    --accent-on-fill: #000000;
    --accent-text: #e8f300;
    --accent-soft: rgba(232, 243, 0, 0.12);
    --field-1: #121516;
    --field-1-ink: #ffffff;
    --field-2: #2a2f31;
    --field-2-ink: #ffffff;
    --field-3: #000000;
    --field-3-ink: #ffffff;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --bg: #000000;
    --surface: #0b0c0d;
    --surface-2: #121516;
    --ink: #ffffff;
    --muted-strong: #d6dadc;
    --muted: #aeb6ba;
    --line: rgba(255, 255, 255, 0.12);
    --line-strong: rgba(174, 182, 186, 0.45);
    --ink-field: #000000;
    --on-ink: #ffffff;
    --on-ink-muted: #aeb6ba;
    --accent: #e8f300;
    --accent-fill: #e8f300;
    --accent-on-fill: #000000;
    --accent-text: #e8f300;
    --accent-soft: rgba(232, 243, 0, 0.12);
    --field-1: #121516;
    --field-1-ink: #ffffff;
    --field-2: #2a2f31;
    --field-2-ink: #ffffff;
    --field-3: #000000;
    --field-3-ink: #ffffff;
  }
  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"] { color-scheme: dark; }
}