/* ==========================================================================
   aswritten.ai — SIC Brand Overrides for Keel
   Matches the deck/presenter theme identity system.
   ========================================================================== */

/* --- Typography role mapping --- */

/* Headings: Avenue Mono (monospace title font) */
.heading-1, .heading-2,
h1, h2, h3, h4 {
    font-family: var(--font1), ui-monospace, monospace;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Small headings / labels: Source Code Pro */
h5, h6 {
    font-family: var(--font-code);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Body text: Source Serif 4 */
body, html,
p, .paragraph,
li, td, th, figcaption,
.post-content {
    font-family: var(--font2), Georgia, serif;
}

/* UI elements: Source Sans 3 */
.button, button,
.kg-btn, .kg-cta-button, .kg-header-card-button,
input, small,
.section-info,
.post-number,
nav, .navbar,
.footer-normal,
.form-alert {
    font-family: var(--font-ui);
}

/* Code blocks */
code, kbd, samp, pre {
    font-family: var(--font-code);
}

/* --- Color accents --- */

/* Links use SIC blue */
.post-content a {
    color: var(--sic-blue);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.post-content a:hover {
    opacity: 0.8;
}

/* Blockquotes: blue left border (matches deck style) */
.post-content blockquote {
    border-left: 4px solid var(--sic-blue);
    padding-left: 1.25em;
    font-style: normal;
}

/* Inline code */
.post-content code:not(pre code) {
    font-family: var(--font-code);
    background: color-mix(in srgb, var(--text-color), transparent 94%);
    border-radius: 0.28em;
    padding: 0.15em 0.35em;
}

/* Code blocks */
.post-content pre {
    border-radius: 0.6em;
    box-shadow: 0 4px 24px color-mix(in srgb, var(--text-color), transparent 92%);
}

/* --- Ghost card overrides --- */

/* Callout cards: use terracotta accent */
.kg-callout-card {
    border-left: 4px solid var(--sic-terr);
}

/* Toggle cards */
.kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-heading svg path {
    fill: var(--sic-terr);
}

/* Bookmark cards */
.kg-bookmark-container {
    border-color: color-mix(in srgb, var(--text-color), transparent 85%);
}

/* --- Lists: en-dash bullets like the deck --- */
.post-content ul {
    list-style: none;
    padding-left: 0;
}

.post-content ul > li {
    position: relative;
    padding-left: 1.25em;
}

.post-content ul > li::before {
    content: "\2013";
    position: absolute;
    left: 0;
    width: 1.25em;
    font-family: var(--font1), ui-monospace, monospace;
    opacity: 0.85;
}

/* Ordered list markers in Avenue Mono */
.post-content ol > li::marker {
    font-family: var(--font1), ui-monospace, monospace;
}

/* --- Hairline / shadow tokens (from SIC system) --- */
.post-content hr {
    border: none;
    height: 1px;
    background-color: color-mix(in srgb, var(--text-color), transparent 85%);
}

/* --- Button accent: terracotta on hover --- */
.button:hover, .kg-btn:hover {
    background-color: var(--sic-terr);
    border-color: var(--sic-terr);
    color: var(--sic-paper);
}

/* --- Print --- */
@media print {
    body { background: white !important; color: black !important; }
}