/*
 * Zibll Child custom stylesheet.
 *
 * Add xkmcm.com specific visual adjustments here. This file is loaded after
 * the Zibll parent theme styles, so selectors here can override parent styles.
 */

body.wp-child-theme-zibll-child {
    --xkmcm-brand-color: #5d86e8;
    --xkmcm-brand-hover-color: #3f70da;
    --xkmcm-brand-cyan-color: #56c6d8;
    --xkmcm-brand-mint-color: #48d7b2;
    --xkmcm-brand-violet-color: #8e7cf7;
    --xkmcm-brand-rose-color: #ed6f8f;
    --xkmcm-brand-gold-color: #d8a85b;
    --xkmcm-brand-soft-color: rgba(244, 248, 255, 0.86);
    --xkmcm-brand-glass-color: rgba(255, 255, 255, 0.74);
    --xkmcm-brand-glass-strong-color: rgba(255, 255, 255, 0.9);
    --xkmcm-brand-line-color: rgba(115, 142, 184, 0.18);
    --xkmcm-brand-hairline-color: rgba(255, 255, 255, 0.58);
    --xkmcm-brand-ink-color: #182234;
    --xkmcm-brand-muted-color: #68748a;
    --xkmcm-brand-shadow-color: rgba(31, 43, 68, 0.11);
    --xkmcm-brand-shadow-strong-color: rgba(31, 43, 68, 0.18);
    --xkmcm-surface-radius: 20px;
    --xkmcm-control-radius: 16px;
    --xkmcm-pill-radius: 999px;
}

body.wp-child-theme-zibll-child.dark-theme {
    --xkmcm-brand-soft-color: rgba(28, 36, 52, 0.82);
    --xkmcm-brand-glass-color: rgba(31, 40, 56, 0.74);
    --xkmcm-brand-glass-strong-color: rgba(36, 45, 62, 0.92);
    --xkmcm-brand-line-color: rgba(210, 224, 255, 0.12);
    --xkmcm-brand-hairline-color: rgba(255, 255, 255, 0.1);
    --xkmcm-brand-ink-color: #eef4ff;
    --xkmcm-brand-muted-color: #a6b2c6;
    --xkmcm-brand-shadow-color: rgba(0, 0, 0, 0.28);
    --xkmcm-brand-shadow-strong-color: rgba(0, 0, 0, 0.42);
}

.xkmcm-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.14em;
    overflow: hidden;
}

.xkmcm-brand-icon {
    color: var(--xkmcm-brand-color);
}