/**
 * Studio Takaya — design tokens.
 * Values copied verbatim from docs/tz_drupal_studio_takaya.md §1.3/§8.2.
 */
:root {
  --color-primary: #185FA5;
  --color-primary-dark: #0C447C;
  --color-primary-light: #E8F4FB;
  --color-border: #B5D4F4;
  --color-footer-bg: #1A1A1A;
  /* Переменные для colour picker'а в настройках темы */
  --color-header-bg: var(--color-primary-light);
  --color-body-bg: var(--color-white);
  --color-footer-link: #378ADD;
  --color-footer-text: #777777;
  --color-text: #333333;
  --color-muted: #888888;
  --color-white: #FFFFFF;
  --font-main: Arial, sans-serif;
  --nav-height: 52px;
  --nav-height-mobile: 48px;
  --border-radius-card: 8px;
  --border-radius-badge: 12px;
  /*
   * Olivero pins the header/branding outer box to 180px tall on desktop
   * (`--site-header-height-wide: var(--sp10)`, web/core/themes/olivero/css/
   * base/variables.css) but the actual logo+nav content inside is already
   * sized to 108px (`--header-height-wide-when-fixed: var(--sp6)`,
   * unconditional, not just when scrolled/sticky) -- leaving ~72px of dead
   * vertical space in the header at all times, not only at page load.
   * Matching the outer box to the real content height removes it.
   */
  --site-header-height-wide: var(--header-height-wide-when-fixed);
  /*
   * Olivero caps `.page-wrapper` (and, via the same token, the sticky/fixed
   * header's own max-width in core/themes/olivero/css/components/
   * site-header.css) at `--max-bg-color: 98.125rem` (1570px) -- "width to
   * which the background color extends" per Olivero's own comment. On any
   * viewport wider than that, `.site-header__inner`'s 100vw-based full-bleed
   * width (site-header.css) gets flex-shrunk back down to fit inside that
   * 1570px box, leaving a gap between the header/page background and the
   * actual right edge of the screen -- exactly what showed up in the client
   * screenshot as a visible gutter. The client wants the header full-bleed
   * edge-to-edge, so raise the cap well past any real display width instead
   * of patching each Olivero selector that consumes it individually.
   */
  --max-bg-color: 200rem;
}

body {
  font-family: var(--font-main);
  color: var(--color-text);
  background-color: var(--color-body-bg);
  /* убираем точечный паттерн Olivero (базовой темы) — фон должен быть сплошным, как в макете */
  background-image: none;
}

/* Olivero рисует фон страницы на .page-wrapper, а не на body */
body .page-wrapper {
  background: var(--color-body-bg);
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-dark);
}

.takaya-placeholder-box {
  background-color: var(--color-primary-light);
  border: 1px dashed var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-muted);
  font-size: 0.875rem;
  min-height: 160px;
}