/* Sayed: the project's own look on top of the shared appearance framework (doc/appearance.md).
   Linked after the palette and design-style files by _shared/appearance.html, because it is listed
   in WEB-INF/_config/appearance.json ("css"). Put brand tweaks here, scoped to the palette they
   tune, e.g. html[data-ui-palette-light="ocean"][data-bs-theme="light"] { --alefba-primary: ...; }
   so every palette the user may pick keeps working. Project images live in ../images/. */

/* the shrine brand (emerald green + gold) refines the "emerald" / "forest" palettes, the defaults */
:root {
    --alefba-gold: #b8892d;
    --alefba-gold-soft: rgba(184, 137, 45, .12);
}

html[data-ui-palette-light="emerald"][data-bs-theme="light"],
html[data-ui-palette-light="emerald"]:not([data-bs-theme]) {
    --alefba-primary: #1f7a56;
    --alefba-primary-hover: #176446;
    --alefba-primary-strong: #176446;
    --alefba-primary-soft: #e6f2ec;
    --alefba-accent: #238a61;
    --alefba-danger: #d14b55;
    --alefba-content-bg: #f4f7f4;
    --alefba-card-soft: #f7faf8;
    --alefba-border: #e0e8e2;
    --alefba-heading: #15271f;
    --alefba-muted: #62736a;
    --alefba-sidebar-bg: #ffffff;
    --alefba-sidebar-bg-end: #f5f9f6;
    --alefba-sidebar-orb: rgba(184, 137, 45, .12);
    --alefba-sidebar-text: #4d6156;
    --alefba-sidebar-tree-text: #62736a;
    --alefba-sidebar-icon: #7a8d83;
    --alefba-sidebar-heading: #15271f;
    --alefba-sidebar-muted: #86978e;
    --alefba-sidebar-border: #c3cdc6;
    --alefba-sidebar-hover: #e6f2ec;
    --alefba-sidebar-hover-text: #176446;
    --alefba-sidebar-footer-bg: rgba(244, 248, 245, .92);
    --alefba-sidebar-footer-text: #77897f;
    --front-primary: #1f7a56;
    --front-primary-dark: #176446;
    --front-primary-soft: #e6f2ec;
    --front-accent: #b8892d;
    --bs-primary: #1f7a56;
    --bs-primary-rgb: 31, 122, 86;
    --bs-link-color: #1f7a56;
    --bs-link-color-rgb: 31, 122, 86;
    --bs-link-hover-color: #176446;
    --bs-link-hover-color-rgb: 23, 100, 70;
}

html[data-ui-palette-dark="forest"][data-bs-theme="dark"] {
    --alefba-primary-hover: #28966b;
    --alefba-primary-strong: #86d3b1;
    --alefba-accent: #28966b;
    --alefba-gold: #d6ad57;
    --alefba-gold-soft: rgba(214, 173, 87, .14);
    --alefba-content-bg: #0e1512;
    --alefba-card-bg: #151e1a;
    --alefba-card-soft: #1b2621;
    --alefba-border: #2c3a33;
    --alefba-heading: #edf4ef;
    --alefba-muted: #a7b8ae;
    --alefba-sidebar-bg: #10281f;
    --alefba-sidebar-bg-end: #0b1d16;
    --alefba-sidebar-orb: rgba(214, 173, 87, .16);
    --alefba-sidebar-text: #cadbd1;
    --alefba-sidebar-tree-text: #a9bdb2;
    --alefba-sidebar-icon: #8fb3a1;
    --alefba-sidebar-muted: #8fa398;
    --alefba-sidebar-footer-bg: rgba(4, 14, 10, .22);
    --alefba-sidebar-footer-text: #849a8e;
}