/* RapitwebGreen - tokens. The ONLY file with raw colours: change the theme here and nowhere else. */
:root {
    /* colours */
    --bg: #fdffff; /* page background */
    --white: #ffffff; /* cards, inputs, popups */
    --gray: rgba(235, 242, 242, 0.93); /* borders, hover fills, icon circles */
    --muted: #434348; /* secondary text (AA on --bg and --white) */
    --text: #26262a; /* main text */
    --main: #39b54a; /* brand colour: accents, badges, links on hover */
    --dark: #161613; /* primary buttons, footer */
    --danger: #b3372a; /* sale price, errors */
    --bg-special:#f2252b;
    /* shape + type */
    --radius: 1rem;
    --radius-md: .75rem;
    --radius-lg: 1.5rem;
    --shadow-sm: 0 2px 6px rgb(22 22 25 / .06);
    --shadow-md: 0 6px 24px rgb(22 22 25 / .08);
    --font: "kalame", Tahoma, Arial, sans-serif;
    --font-header: 'dana'; /* override to a distinct family for the logo/brand only */
    --container: 1240px; /* max width of content inside full-width bars */
    /* Bootstrap 5.3 wiring */
    --bs-body-bg: var(--bg);
    --bs-body-color: var(--text);
    --bs-body-font-family: var(--font);
    --bs-border-color: var(--gray);
    --bs-secondary-color: var(--muted);
    --bs-primary: var(--dark);
    --bs-primary-rgb: 22, 22, 25;
    --bs-link-color: var(--text);
    --bs-link-hover-color: var(--main);
    --section-v-space: 5rem;
    --rwg-surface: --gray;
    --rwg-r-card: 1rem;
    --swiper-navigation-color: var(--gray);
    --swiper-navigation-size: 20px;
}

/* dark mode: GrandNode's own switch sets this attribute (not Bootstrap's data-bs-theme) */
[dark-theme="true"] {
    --bg: #1b1c1f;
    --white: #24262a;
    --gray: #35373c;
    --muted: #a7a8ae;
    --text: #ececef;
    --main: #a9c48a;
    --dark: #ececef;
    --danger: #ff8a7a;
}