/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Hide native <summary> marker (Safari/Chrome) */
summary::-webkit-details-marker { display: none; }
summary::marker { display: none; }

/* Hide scrollbar on carousel tracks (scrollbar-width:none handles Firefox inline) */
.leker-carousel-track::-webkit-scrollbar { display: none; }

/* Carousel download button — darken on hover */
.leker-carousel-dl:hover { background: rgba(0,0,0,0.7) !important; }

@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/InstrumentSans-Variable-265d6ea6.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter Tight";
  src: url("/assets/InterTight-Variable-0a534b34.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --leker-font-display: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --leker-font-body: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --leker-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --leker-tracking-display: -0.025em;
}

body {
  font-family: var(--leker-font-body);
}

.leker-app h1,
.leker-app h2,
.leker-app h3 {
  font-family: var(--leker-font-display);
  font-weight: 500;
  letter-spacing: var(--leker-tracking-display);
}

.leker-app h1 {
  font-size: clamp(2.25rem, 3vw, 3.25rem);
  line-height: 1.02;
}

.leker-app h2 {
  line-height: 0.98;
}

.leker-app h3 {
  line-height: 1;
}

.leker-app button,
.leker-app input,
.leker-app select,
.leker-app textarea,
.leker-app [role="button"],
.leker-app a.inline-flex,
.leker-app a.block.w-full {
  font-family: var(--leker-font-body);
}

.leker-app .font-mono,
.leker-app code,
.leker-app kbd {
  font-family: var(--leker-font-mono);
}

.leker-category-pill,
.leker-app a.leker-category-pill,
.leker-app button.leker-category-pill {
  font-family: var(--leker-font-mono);
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Compatibility layer for older screens still using the previous UI tokens. */
.leker-app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  border-color: #dfe1e8;
  border-radius: 1rem;
}

.leker-app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea):focus {
  border-color: #356fcb;
  box-shadow: 0 0 0 1px #356fcb;
}

.leker-app :where(input[type="submit"], button[type="submit"], a.inline-flex) {
  border-radius: 9999px;
}

.leker-app th,
.leker-app th a.inline-flex {
  font-weight: 600;
}

.leker-app :where(.text-primary-600, .text-primary-700, .text-indigo-600, .text-indigo-500) {
  color: #356fcb;
}

.leker-app :where(.bg-primary-50, .bg-indigo-50) {
  background-color: #f4f7ff;
}

.leker-app :where(.border-primary-300, .border-primary-400, .border-primary-500) {
  border-color: #b9c9f0;
}

.leker-app :where(.text-gray-400) {
  color: #7c8596;
}

.leker-app :where(.text-gray-500) {
  color: #626b7a;
}

.leker-app h1 + p.text-sm {
  font-size: 1rem;
  line-height: 1.5;
}

.contact-stat-card {
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05), inset 0 0 0 1px #eeeeee;
}

.contact-stat-card__icon {
  background: #f4f4f4;
  color: #6622cc;
}

.contact-stat-card__metric {
  color: #6622cc;
}

.contact-stat-card--contacts {
  background: #e6e6ef;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05), inset 0 0 0 1px #d7d7e6;
}

.contact-stat-card--contacts .contact-stat-card__icon,
.contact-stat-card--subscribers .contact-stat-card__icon,
.contact-stat-card--excluded .contact-stat-card__icon {
  background: rgba(255, 255, 255, 0.7);
}

.contact-stat-card--subscribers {
  background: #eef4f7;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05), inset 0 0 0 1px #d4e2e8;
}

.contact-stat-card--active {
  background: #ffffff;
}

.contact-stat-card--excluded {
  background: #fff0ea;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05), inset 0 0 0 1px #f3c7b8;
}

.contact-stat-card--excluded .contact-stat-card__icon,
.contact-stat-card--excluded .contact-stat-card__metric {
  color: #e4572e;
}

/* Article body — style inline links */
.prose a { color: #6366f1; text-decoration: underline; }
.prose a:hover { opacity: 0.75; }