/**
 * Kiln base styles — CORE FILE, DO NOT EDIT.
 *
 * Defines the default values for the theme CSS variables so the page
 * renders correctly before (and without) the CRM connection. When the
 * site loads, kiln.js overrides these with the theme configured in
 * Kiln CRM. Put your own styles in css/site.css and use the variables:
 *
 *   color: var(--primary-color);
 *   font-family: var(--font-family);
 */
:root {
    --primary-color: #1976D2;
    --secondary-color: #424242;
    --accent-color: #82B1FF;
    --background-color: #FFFFFF;
    --text-color: #212121;
    --font-family: Roboto, sans-serif;
}

[hidden] {
    display: none !important;
}

html {
    background: var(--background-color);
    color: var(--text-color);
    font-family: var(--font-family);
}

/*
 * Feature styles (product cards, feature pages, nav tabs) are injected
 * by the Kiln runtime so they stay current everywhere. Override them
 * from css/site.css using the same class names (.kiln-product-card,
 * .kiln-nav-tab, #kiln-page-overlay, ...).
 */