/**
 * itcode-fse → ItCode Library bridge.
 *
 * Overrides the plugin's fallback design tokens (assets/css/tokens.css) with the
 * recommended theme's brand, so changing a value here restyles every itcode/*
 * block without touching the plugin. Loaded after the plugin's tokens.css.
 */

:root {
    --itcode-color-accent: #cfcabe;
    --itcode-color-accent-strong: #b09a7e;
    --itcode-color-base: #ffffff;
    --itcode-color-contrast: #111111;
    --itcode-color-surface: #f6f4f0;
    --itcode-color-surface-alt: #ece8e1;
    --itcode-color-border: #e2ddd4;
    --itcode-color-muted: #6b6660;
    --itcode-color-success: #2e7d5b;
    --itcode-color-danger: #c0492f;
    --itcode-font-body: var(--wp--preset--font-family--open-sans, system-ui);
    --itcode-font-head: var(--wp--preset--font-family--open-sans, system-ui);
}

/* The theme accent is a light beige — keep solid-fill buttons readable. */
.itlib-search__btn,
.itlib-hero__btn {
    color: var(--itcode-color-contrast);
}

/* Tag/section links on a light accent need the stronger tone for contrast. */
.itlib-tag,
.itlib-section-title__link {
    color: var(--itcode-color-accent-strong);
}