/*
 * Kohinoor theme: your custom CSS.
 * This file loads last, after css/kohinoor.min.css, so anything you add here wins.
 * Theme updates replace kohinoor.css and kohinoor.min.css. If you change this file,
 * skip it when you upload a newer version of the theme so your changes stay.
 *
 * As shipped, this file sets nothing. Kohinoor Studio (Addons > Kohinoor Studio > Colors and style)
 * changes colours, fonts and corners from the admin area, with dark mode colours made for you.
 *
 * To rebrand without Studio, copy the example below out of this comment, paste it under the
 * comment and change the values. The variables keep their original names (--kh-blue holds the
 * brand colour, whatever it is).
 *
 *   --kh-blue           primary buttons, links, active states
 *   --kh-blue-hover     hover state of primary buttons and links
 *   --kh-blue-press     pressed state
 *   --kh-blue-50/100/200  soft tints behind active menu items and selected options
 *   --kh-blue-rgb       the same colour as --kh-blue, as R, G, B (focus rings and glows)
 *   --kh-band-accent    links and highlights on the dark title band, home banner and footer
 *   --kh-marigold       offer badges, counters, the diamond glint
 *   --kh-band           background of the dark title band, home banner and footer
 *   --kh-canvas         page background behind cards
 *   --kh-r-md           card corner radius
 *
 * :root {
 *     --kh-blue: #BC0F16;
 *     --kh-blue-hover: #9E0D12;
 *     --kh-blue-press: #840B0F;
 *     --kh-blue-50: #FBF2F2;
 *     --kh-blue-100: #F7E2E3;
 *     --kh-blue-200: #EEC3C5;
 *     --kh-blue-rgb: 188, 15, 22;
 *     --kh-band-accent: #F57F83;
 *     --kh-marigold: #F4A40B;
 *     --kh-band: #141414;
 *     --kh-canvas: #F6F6F6;
 *     --kh-r-md: 10px;
 * }
 *
 * Dark mode uses its own values. To change them too, wrap the same variables in:
 * @media screen { :root[data-kh-theme="dark"] { ... } }
 */