/* ============================================================
   Theme: Титания (tokens taken from titania-ai.ru, v2 april 2026).
   Base: taste editorial direction with mono tags, re-tuned to the
   client's own palette and type. Dark remap under @media screen.
   ============================================================ */

@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("../fonts/playfair-display-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url("../fonts/playfair-display-latin-wght-normal.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; }
@font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 400 900; font-display: swap;
  src: url("../fonts/playfair-display-cyrillic-wght-italic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 400 900; font-display: swap;
  src: url("../fonts/playfair-display-latin-wght-italic.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; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.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; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap;
  src: url("../fonts/jetbrains-mono-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap;
  src: url("../fonts/jetbrains-mono-latin-wght-normal.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: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --w-display: 500;
  --tr-display: -0.02em;
  --tr-h2: -0.015em;
  --lh-display: 1.03;
  --radius: 12px;          /* rounded-xl on their panels */
  --radius-sm: 6px;
  --radius-button: 999px;  /* their .btn pill */
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.12em;
  --bg: #f5f3ee;           /* paper */
  --surface: #ffffff;      /* card */
  --surface-2: #ebe8e0;    /* paper-alt */
  --ink: #111111;          /* ink */
  --muted-strong: #2a2a2a; /* ink-alt */
  --muted: #625d55;        /* muted, a step darker than #6f6a62 to pass on paper-alt */
  --line: rgba(17, 17, 17, 0.1);         /* hairline */
  --line-strong: rgba(17, 17, 17, 0.24);
  --ink-field: #0f0f18;    /* graphite */
  --on-ink: #f2f2f7;       /* ivory */
  --on-ink-muted: #b8b8c8; /* silver */
  --accent: #3a5a2a;       /* forest green, the bar under the T in the logo */
  --accent-fill: #111111;  /* their primary button is ink on paper */
  --accent-on-fill: #f5f3ee;
  --accent-text: #3a5a2a;
  --accent-soft: #e4e7dc;  /* accent-soft wash on paper */
  --field-1: #ebe8e0;      /* paper-alt */
  --field-1-ink: #111111;
  --field-2: #3a5a2a;      /* forest green */
  --field-2-ink: #f5f3ee;
  --field-3: #0f0f18;      /* graphite */
  --field-3-ink: #f2f2f7;
  --signal: #7bb661;       /* neon green, only on graphite */
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f0f18;  --surface: #1a1a28;  --surface-2: #151520;
    --ink: #f2f2f7; --muted-strong: #d6d6e0; --muted: #a2a2b2;
    --line: rgba(242, 242, 247, 0.12); --line-strong: rgba(242, 242, 247, 0.26);
    --ink-field: #080810; --on-ink: #f2f2f7; --on-ink-muted: #b8b8c8;
    --accent: #7bb661; --accent-fill: #f2f2f7; --accent-on-fill: #0f0f18;
    --accent-text: #8cc472; --accent-soft: #1d2a1c;
    --field-1: #1a1a28; --field-1-ink: #f2f2f7;
    --field-2: #2c4520; --field-2-ink: #f2f2f7;
    --field-3: #030305; --field-3-ink: #f2f2f7;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --bg: #0f0f18;  --surface: #1a1a28;  --surface-2: #151520;
    --ink: #f2f2f7; --muted-strong: #d6d6e0; --muted: #a2a2b2;
    --line: rgba(242, 242, 247, 0.12); --line-strong: rgba(242, 242, 247, 0.26);
    --ink-field: #080810; --on-ink: #f2f2f7; --on-ink-muted: #b8b8c8;
    --accent: #7bb661; --accent-fill: #f2f2f7; --accent-on-fill: #0f0f18;
    --accent-text: #8cc472; --accent-soft: #1d2a1c;
    --field-1: #1a1a28; --field-1-ink: #f2f2f7;
    --field-2: #2c4520; --field-2-ink: #f2f2f7;
    --field-3: #030305; --field-3-ink: #f2f2f7;
  }
  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"] { color-scheme: dark; }
}

/* signature: the one word in green italic */
.display em, .h2 em { font-style: italic; font-weight: inherit; color: var(--accent-text); }
.band-ink .display em, .band-ink .h2 em, .field-3 .h2 em { color: var(--signal); }