/* Techne Theme Adapter — Machine Spirits Website
   Maps canonical --techne-* tokens to this app's CSS variables.
   Loaded when the techne-theme-manager plugin is enabled.

   Uses body[data-techne-theme] for specificity over :root defaults.
*/

body[data-techne-theme] {
    /* Core app variables */
    --black: var(--techne-text);
    --white: var(--techne-bg);
    --off-white: var(--techne-surface);
    --red: var(--techne-accent);
    --red-dark: var(--techne-accent-hover);

    /* Article content palette */
    --article-bg: var(--techne-surface);
    --article-text: var(--techne-text);
    --article-heading: var(--techne-text-muted);
    --article-accent: var(--techne-accent);
    --article-gold: var(--techne-warning);
}

/* Dark mode RGB overrides — used by opacity/rgba patterns in components */
body[data-techne-theme].techne-dark {
    --text-rgb: 224, 224, 224;
    --bg-rgb: 10, 10, 10;
    --console-text: #006400;
}

/* ── Glass panel article containers ────────────────────────────────── */

body[data-techne-theme] .glass-panel {
    background: var(--techne-surface);
    color: var(--techne-text);
}

/* ── Prose content overrides ───────────────────────────────────────── */

body[data-techne-theme] .prose p,
body[data-techne-theme] .prose li,
body[data-techne-theme] .prose span {
    color: var(--techne-text);
}

body[data-techne-theme] .prose h1,
body[data-techne-theme] .prose h2,
body[data-techne-theme] .prose h3,
body[data-techne-theme] .prose h4,
body[data-techne-theme] .prose h5,
body[data-techne-theme] .prose h6 {
    color: var(--techne-text);
}

body[data-techne-theme] .prose a {
    color: var(--techne-accent);
}

body[data-techne-theme] .prose code {
    background: var(--techne-surface-elevated);
    color: var(--techne-text);
}

body[data-techne-theme] .prose pre {
    background: var(--techne-surface-elevated);
    color: var(--techne-text);
}

body[data-techne-theme] .prose blockquote {
    border-left-color: var(--techne-accent);
    color: var(--techne-text-muted);
}

body[data-techne-theme] .prose table {
    border-color: var(--techne-border);
}

body[data-techne-theme] .prose th {
    background: var(--techne-surface-elevated);
    border-color: var(--techne-border);
    color: var(--techne-text);
}

body[data-techne-theme] .prose td {
    border-color: var(--techne-border);
    color: var(--techne-text);
}