/*
 * inheritedmind.com — static tenant theme.
 * Бренд: спадкові патерни / «розум, який ти успадкував». Настрій — "calm clinical
 * depth": приглушений dark-teal primary, м'який rose/pink акцент (eyebrow + title-
 * accent + special-секції), прохолодний світлий фон, near-black teal dark-секції.
 * Шрифт — Inter (display + sans). За референсом demos/InheritedMind.com.png.
 *
 * Усе — override семантичних токенів core'у (`src/styles/tokens/semantic.tokens.ts`).
 * Значення кольорів — 'r g b' триплети (щоб працювало `rgb(var(--color-…) / alpha)`).
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  /* — Typography — Inter (display + sans) — */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* — Brand accent — приглушений dark teal (кнопки/CTA) — */
  --color-primary: 45 74 74; /* #2D4A4A dark teal */
  --color-primary-fg: 255 255 255;

  /* — Secondary — м'який rose/pink: eyebrow-лейбли, title-accent, accent-секції — */
  --color-secondary: 204 120 156; /* #CC789C rose */
  --color-secondary-fg: 255 255 255;

  /* — Surface stack — прохолодна світла палітра — */
  --color-background: 238 241 245; /* #EEF1F5 cool light gray-blue */
  --color-surface: 255 255 255; /* white */
  --color-surface-elevated: 255 255 255;
  --color-border: 222 227 233; /* #DEE3E9 cool gray */
  --color-border-strong: 201 208 217; /* #C9D0D9 */

  /* — Foreground — темний teal-ink — */
  --color-foreground: 30 42 42; /* #1E2A2A */
  --color-foreground-muted: 110 122 122; /* #6E7A7A cool gray */
  --color-heading: 21 34 34; /* #152222 near-black teal */

  /* — Site dark/vibrant — dark-секції = near-black teal; vibrant = rose — */
  --color-site-deep: 26 41 41; /* #1A2929 near-black teal */
  --color-site-vibrant: 204 120 156; /* #CC789C rose */

  /* — Membership tiers — висхідна teal-шкала (basic→premium = світліший→глибший) — */
  --color-tier-basic: 95 130 130; /* muted teal-gray */
  --color-tier-basic-deep: 64 96 96;
  --color-tier-medium: 45 74 74; /* primary teal */
  --color-tier-medium-deep: 32 56 56;
  --color-tier-premium: 26 41 41; /* deep teal */
  --color-tier-premium-deep: 15 26 26;

  /* — Радіуси — модерні, помірно округлі — */
  --radius-button: 0.625rem;
  --radius-input: 0.625rem;
  --radius-card: 1rem;
  --radius-dialog: 1rem;
  --radius-badge: 9999px;

  /* — Тіні — прохолодні, slate-tinted — */
  --shadow-card: 0 6px 24px -10px rgba(26, 41, 41, 0.16);
  --shadow-card-hover: 0 16px 36px -12px rgba(26, 41, 41, 0.24);
  --shadow-button: 0 2px 12px -2px rgba(45, 74, 74, 0.3);
  --shadow-button-hover: 0 6px 18px -4px rgba(45, 74, 74, 0.45);
  --shadow-dropdown: 0 12px 32px -12px rgba(26, 41, 41, 0.2);
}

/* ─── Home blocks — hook-class overrides (за референсом InheritedMind.com.png) ──
 * Шрифт усюди Inter (display = sans) → font-family НЕ чіпаємо. Палітра двоакцентна:
 * rose (secondary) — усі eyebrow-лейбли + hero/dark-band title-accent; teal (primary,
 * дефолт компонентів) — решта inline-title-accent ("for decades", "new script",
 * "deep", "good hands"). Іконки pillars — у блідих нейтральних колах. */

/* Eyebrow-лейбли секцій + лапка testimonials → rose. */
.feature-columns .feature-columns__eyebrow,
.split-features .split-features__eyebrow,
.feature-cards .feature-cards__eyebrow,
.testimonials .testimonials__eyebrow,
.testimonials .testimonials__quote-mark {
  color: rgb(var(--color-secondary));
}

/* Hero — eyebrow = плоский rose uppercase (без pill-бордера); title-accent = rose. */
.hero-stats .hero-stats__eyebrow {
  border: 0;
  padding: 0;
  color: rgb(var(--color-secondary));
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  font-weight: 600;
}
.hero-stats .hero-stats__accent {
  color: rgb(var(--color-secondary));
}

/* Pillars — іконка в блідому нейтральному колі (ref: сіре коло + темний гліф). */
.feature-columns .feature-columns__icon {
  box-sizing: content-box;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.8rem;
  border-radius: 9999px;
  color: rgb(var(--color-heading));
  background: rgb(var(--color-heading) / 0.05);
}

/* Modules (featureCards.im-modules) — мʼякі сірі картки на білій секції. */
.im-modules .feature-cards__card {
  background: rgb(var(--color-background));
  border-color: rgb(var(--color-border));
}

/* Learning model (featureCards.im-learning-model) — blush-pink band; картки білі. */
.im-learning-model {
  background-color: #f6e6ec;
}

/* Dark band (splitFeatures deep, .im-lesson-band) — на near-black: title-accent +
 * dot-маркери → rose (перебиває компонентний white/50 accent + teal-маркер); item-
 * title → regular light. Іде ПІСЛЯ глобальних `.split-features` правил. */
.im-lesson-band .split-features__title-accent {
  color: rgb(var(--color-secondary));
}
.im-lesson-band .split-features__marker {
  background-color: rgb(var(--color-secondary));
}
.im-lesson-band .split-features__item-title {
  font-weight: 400;
  color: rgb(255 255 255 / 0.78);
}