/* =========================
   THEME: OMARCHY — Catppuccin Mocha/Latte
   ========================= */


/* DARK VARIABLE OVERRIDES */

:root {
    --bg:                  #1e1e2e;
    --bg-raised:           #181825;
    --bg-card:             #313244;
    --bg-stripe:           #26263a;
    --bg-hover:            #2d2d44;
    --bg-interactive:      #313244;
    --border:              #45475a;
    --border-subtle:       #313244;
    --text:                #cdd6f4;
    --text-muted:          #a6adc8;
    --text-dim:            #585b70;
    --accent:              #89b4fa;
    --site-title:          #cdd6f4;
    --mark-bg:             #f9e2af33;
    --mark-fg:             #f9e2af;
    --code-bg:             #11111b;
    --inline-code-bg:      #313244;
    --inline-code-text:    #94e2d5;
    --banner-gradient:     transparent, rgba(30,30,46,0.5), #1e1e2e;
    --banner-meta-color:   rgba(205, 214, 244, 0.75);
    --tag-color:           #94e2d5;
    --h1-color:            #f38ba8;
    --h2-color:            #a6e3a1;
    --h3-color:            #f9e2af;
    --h4-color:            #89b4fa;
    --h5-color:            #f5c2e7;
    --h6-color:            #cba6f7;
    --callout-base-bg:     #313244;
    --callout-base-border: #89b4fa;
}


/* LIGHT VARIABLE OVERRIDES — Catppuccin Latte */

[data-theme="light"] {
    --bg:                  #eff1f5;
    --bg-raised:           #e6e9ef;
    --bg-card:             #dce0e8;
    --bg-stripe:           #ccd0da;
    --bg-hover:            #c6cbde;
    --bg-interactive:      #ccd0da;
    --border:              #9ca0b0;
    --border-subtle:       #bcc0cc;
    --text:                #4c4f69;
    --text-muted:          #6c6f85;
    --text-dim:            #9ca0b0;
    --accent:              #1e66f5;
    --site-title:          #4c4f69;
    --mark-bg:             #df8e1d33;
    --mark-fg:             #7c5800;
    --code-bg:             #dce0e8;
    --inline-code-bg:      #ccd0da;
    --inline-code-text:    #179299;
    --banner-gradient:     transparent, rgba(239,241,245,0.5), #eff1f5;
    --banner-meta-color:   rgba(76, 79, 105, 0.75);
    --tag-color:           #179299;
    --h1-color:            #d20f39;
    --h2-color:            #40a02b;
    --h3-color:            #df8e1d;
    --h4-color:            #1e66f5;
    --h5-color:            #ea76cb;
    --h6-color:            #8839ef;
    --callout-base-bg:     #dce0e8;
    --callout-base-border: #1e66f5;
}


/* LAYOUT TWEAKS */

.post-nav { align-items: center; }


/* =========================
   CALLOUT TYPE COLORS
   ========================= */

/* DARK */

.callout-note {
    background: #1e2d44;
    border-left-color: #89b4fa;
    color: #89b4fa;
}

.callout-abstract {
    background: #1e3035;
    border-left-color: #94e2d5;
    color: #94e2d5;
}

.callout-info {
    background: #1a2d42;
    border-left-color: #74c7ec;
    color: #74c7ec;
}

.callout-todo {
    background: #1a2d42;
    border-left-color: #89dceb;
    color: #89dceb;
}

.callout-tip {
    background: #1e3035;
    border-left-color: #94e2d5;
    color: #94e2d5;
}

.callout-success {
    background: #1e3328;
    border-left-color: #a6e3a1;
    color: #a6e3a1;
}

.callout-question {
    background: #312a1e;
    border-left-color: #f9e2af;
    color: #f9e2af;
}

.callout-warning {
    background: #332618;
    border-left-color: #fab387;
    color: #fab387;
}

.callout-failure {
    background: #321e24;
    border-left-color: #f38ba8;
    color: #f38ba8;
}

.callout-danger {
    background: #321e24;
    border-left-color: #f38ba8;
    color: #f38ba8;
}

.callout-bug {
    background: #321e24;
    border-left-color: #eba0ac;
    color: #eba0ac;
}

.callout-example {
    background: #2a2340;
    border-left-color: #cba6f7;
    color: #cba6f7;
}

.callout-quote {
    background: #2a2a38;
    border-left-color: #a6adc8;
    color: #a6adc8;
}


/* LIGHT */

[data-theme="light"] .callout-note {
    background: #ccd7f5;
    border-left-color: #1e66f5;
    color: #1e66f5;
}

[data-theme="light"] .callout-abstract {
    background: #c6f0ec;
    border-left-color: #179299;
    color: #179299;
}

[data-theme="light"] .callout-info {
    background: #c2e0f5;
    border-left-color: #209fb5;
    color: #209fb5;
}

[data-theme="light"] .callout-todo {
    background: #c2e0f5;
    border-left-color: #04a5e5;
    color: #04a5e5;
}

[data-theme="light"] .callout-tip {
    background: #c6f0ec;
    border-left-color: #179299;
    color: #179299;
}

[data-theme="light"] .callout-success {
    background: #ccf0cb;
    border-left-color: #40a02b;
    color: #40a02b;
}

[data-theme="light"] .callout-question {
    background: #f5e9c5;
    border-left-color: #df8e1d;
    color: #a06d00;
}

[data-theme="light"] .callout-warning {
    background: #f5deca;
    border-left-color: #fe640b;
    color: #b84800;
}

[data-theme="light"] .callout-failure {
    background: #f5cfd8;
    border-left-color: #d20f39;
    color: #d20f39;
}

[data-theme="light"] .callout-danger {
    background: #f5cfd8;
    border-left-color: #d20f39;
    color: #d20f39;
}

[data-theme="light"] .callout-bug {
    background: #f5cfd8;
    border-left-color: #e64553;
    color: #e64553;
}

[data-theme="light"] .callout-example {
    background: #e0d5f5;
    border-left-color: #8839ef;
    color: #6b2cb8;
}

[data-theme="light"] .callout-quote {
    background: #e4e4ef;
    border-left-color: #7c7f93;
    color: #4c4f69;
}

[data-theme="light"] .callout-content { color: inherit; }
