:root{
  --kit17-primary:#c2410c;
  --kit17-primary-strong:#9a3412;
  --kit17-accent:#f59e0b;
  --kit17-soft:#fff7ed;
  --kit17-line:#fed7aa;
  --kit17-text:#431407;
  --kit17-muted:#7c2d12;
  --kit17-surface:#ffffff;
  --kit17-shadow:0 16px 38px rgba(124,45,18,.08);
}

.kit17-family-page{
  --berkah-module-primary:var(--kit17-primary);
  --berkah-module-primary-strong:var(--kit17-primary-strong);
  --berkah-module-accent:var(--kit17-accent);
  --berkah-module-soft:var(--kit17-soft);
  --berkah-module-line:var(--kit17-line);
  color:var(--kit17-text);
}

.kit17-family-page--landing .landing-shell__inner,
.kit17-family-page--public-dashboard .public-dashboard-shell__inner,
.kit17-family-page--dashboard .berkah-dashboard-shell__inner{
  width:min(1320px,calc(100% - 32px));
  margin:0 auto;
}

.kit17-family-page--landing .landing-shell,
.kit17-family-page--public-dashboard .public-dashboard-shell,
.kit17-family-page--dashboard .berkah-dashboard-shell{
  padding:18px 0 28px;
}

.kit17-family-page--landing .landing-shell--kit .landing-hero,
.kit17-family-page--landing .landing-shell--kit .landing-card,
.kit17-family-page--landing .landing-shell--kit .landing-placeholder-card,
.kit17-family-page--landing .landing-shell--kit .landing-status-card,
.kit17-family-page--landing .landing-shell--kit .landing-highlight-card,
.kit17-family-page--landing .landing-shell--kit .landing-quick-link,
.kit17-family-page--landing .landing-shell--kit .landing-cta-strip,
.kit17-family-page--landing .landing-shell--kit .landing-footer-context,
.kit17-family-page--public-dashboard .public-dashboard-hero,
.kit17-family-page--public-dashboard .public-kpi-card,
.kit17-family-page--public-dashboard .public-panel,
.kit17-family-page--dashboard .berkah-dashboard-hero,
.kit17-family-page--dashboard .berkah-dashboard-kpi,
.kit17-family-page--dashboard .berkah-dashboard-insight,
.kit17-family-page--dashboard .berkah-dashboard-panel{
  border-color:rgba(194,65,12,.14);
  box-shadow:var(--kit17-shadow);
}

.kit17-family-page--landing .landing-shell--kit .landing-hero,
.kit17-family-page--public-dashboard .public-dashboard-hero,
.kit17-family-page--dashboard .berkah-dashboard-hero{
  background:linear-gradient(135deg,#7c2d12 0%, #c2410c 52%, #f59e0b 100%);
}

.kit17-family-page--landing .landing-shell--kit .landing-hero__eyebrow,
.kit17-family-page--landing .landing-shell--kit .landing-hero__title,
.kit17-family-page--landing .landing-shell--kit .landing-hero__description,
.kit17-family-page--landing .landing-shell--kit .landing-placeholder-card,
.kit17-family-page--public-dashboard .public-dashboard-hero__eyebrow,
.kit17-family-page--public-dashboard .public-dashboard-hero__title,
.kit17-family-page--public-dashboard .public-dashboard-hero__subtitle,
.kit17-family-page--public-dashboard .public-dashboard-status-card,
.kit17-family-page--dashboard .berkah-dashboard-hero__eyebrow,
.kit17-family-page--dashboard .berkah-dashboard-hero__title,
.kit17-family-page--dashboard .berkah-dashboard-hero__description,
.kit17-family-page--dashboard .berkah-dashboard-hero__focus-title,
.kit17-family-page--dashboard .berkah-dashboard-hero__focus-description{
  color:#fff;
}

.kit17-family-page--landing .landing-shell--kit .landing-chip,
.kit17-family-page--landing .landing-shell--kit .landing-btn,
.kit17-family-page--public-dashboard .public-dashboard-chip,
.kit17-family-page--public-dashboard .public-dashboard-btn,
.kit17-family-page--dashboard .berkah-dashboard-hero__badge,
.kit17-family-page--dashboard .berkah-dashboard-hero__action{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}

.kit17-family-page--landing .landing-shell--kit .landing-highlight-card__title,
.kit17-family-page--landing .landing-shell--kit .landing-section__title,
.kit17-family-page--public-dashboard .public-panel__title,
.kit17-family-page--dashboard .berkah-dashboard-section__title,
.kit17-family-page--dashboard .berkah-dashboard-panel__title{
  color:var(--kit17-text);
}

.kit17-family-page--landing .landing-shell--kit .landing-highlight-card__meta,
.kit17-family-page--landing .landing-shell--kit .landing-section__subtitle,
.kit17-family-page--landing .landing-shell--kit .landing-quick-link__description,
.kit17-family-page--public-dashboard .public-panel__subtitle,
.kit17-family-page--public-dashboard .public-list__description,
.kit17-family-page--dashboard .berkah-dashboard-section__description,
.kit17-family-page--dashboard .berkah-dashboard-panel__description{
  color:var(--kit17-muted);
}

.kit17-family-page--landing .landing-shell--kit .landing-footer-context__item,
.kit17-family-page--public-dashboard .public-shortcut-card,
.kit17-family-page--dashboard .berkah-dashboard-control-panel__item{
  background:#fffaf7;
  border-color:rgba(194,65,12,.12);
}

.kit17-family-page--dashboard .berkah-dashboard-control-panel__item:hover,
.kit17-family-page--public-dashboard .public-shortcut-card:hover,
.kit17-family-page--landing .landing-shell--kit .landing-quick-link:hover{
  transform:translateY(-1px);
}

@media (max-width:1366px){
  .kit17-family-page--landing .landing-shell__inner,
  .kit17-family-page--public-dashboard .public-dashboard-shell__inner,
  .kit17-family-page--dashboard .berkah-dashboard-shell__inner{
    width:min(100%,calc(100% - 24px));
  }
}