body.theme-light {
    background: #f2f2f2;
    color: #160d1d;
}

.theme-light .book {
    background: #f2f2f2;
}

.theme-light .page {
    background: var(--site-gradient);
    border-bottom-color: rgba(22, 13, 29, 0.1);
}

.theme-light .page::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
}

.theme-light h1,
.theme-light h2,
.theme-light h3,
.theme-light .lead,
.theme-light .quote,
.theme-light .brand-voice b,
.theme-light .rule-strip b,
.theme-light .ui-rules b,
.theme-light .hierarchy b,
.theme-light .mini-kpi b,
.theme-light .kpi-grid b,
.theme-light .swatch.white b,
.theme-light .swatch.white span,
.theme-light .swatch.white em,
.theme-light .swatch.muted b,
.theme-light .swatch.muted span,
.theme-light .swatch.muted em,
.theme-light .page--final p {
    color: #160d1d;
}

.theme-light p,
.theme-light .logo-card span,
.theme-light .usage-card p,
.theme-light .rule-strip span,
.theme-light .ui-rules span,
.theme-light .hierarchy em,
.theme-light .mini-kpi small,
.theme-light .kpi-grid small {
    color: #625569;
}

.theme-light .panel,
.theme-light .type-card,
.theme-light .usage-card,
.theme-light .visual-language article,
.theme-light .copy-grid article,
.theme-light .app-card,
.theme-light .checklist,
.theme-light .ui-preview,
.theme-light .dos,
.theme-light .brand-voice,
.theme-light .rule-strip,
.theme-light .ui-rules,
.theme-light .hierarchy,
.theme-light .mini-kpi {
    border-color: rgba(22, 13, 29, 0.1);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 24px 60px rgba(45, 34, 64, 0.12);
}

.theme-light .brand-voice div,
.theme-light .rule-strip div,
.theme-light .ui-rules div,
.theme-light .hierarchy div,
.theme-light .dos div,
.theme-light .ui-preview aside,
.theme-light .ui-preview section {
    background: rgba(255, 255, 255, 0.5);
}

.theme-light .page--cover {
    background: var(--site-gradient);
}

.theme-light .logo-card--dark,
.theme-light .app-card--sign {
    background: linear-gradient(135deg, #160d1d, #2a1636);
}

.theme-light .cover__mark {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.theme-light .final-logo-mark {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.theme-light .cover__meta span,
.theme-light .pill-row span,
.theme-light .message-bank span,
.theme-light .badge,
.theme-light .app-top span {
    background: rgba(255, 136, 0, 0.18);
    color: #160d1d;
}

.theme-light .logo-card--light {
    background: linear-gradient(135deg, #ffffff, #f0eaf7);
}

.theme-light .note {
    background: rgba(255, 255, 255, 0.68);
    color: #3d3145;
}

.theme-light .ui-preview .ghost,
.theme-light .chart-bars,
.theme-light .ui-preview aside {
    background: rgba(22, 13, 29, 0.05);
}

.theme-light .copy-example.good {
    color: #12331f;
}

.theme-light .copy-example.bad {
    color: #43131d;
}

.theme-light .app-card--web,
.theme-light .app-card--social,
.theme-light .app-card--slide {
    background-color: rgba(255, 255, 255, 0.84);
}

.theme-light .app-card--web {
    background:
        linear-gradient(rgba(255, 255, 255, 0.68), rgba(247, 244, 251, 0.92)),
        url("../LP/img/IMG_8659.webp") center/cover;
}

.theme-light .merch-showcase {
    border-color: rgba(22, 13, 29, 0.1);
    box-shadow: 0 24px 60px rgba(45, 34, 64, 0.14);
}

.theme-light .merch-split-showcase {
    border-color: rgba(22, 13, 29, 0.1);
    box-shadow: 0 24px 60px rgba(45, 34, 64, 0.14);
}

.theme-light .brand-asset-card,
.theme-light .single-asset-showcase {
    border-color: rgba(22, 13, 29, 0.1);
    box-shadow: 0 24px 60px rgba(45, 34, 64, 0.14);
}

.theme-light .promo-poster,
.theme-light .billboard-showcase {
    border-color: rgba(22, 13, 29, 0.1);
    box-shadow: 0 24px 60px rgba(45, 34, 64, 0.14);
}