/* =========================================================
   Canbury and Berrylands Surgery — brand tokens
   Loaded by _LayoutMaster.cshtml when Site Settings themeKey = canberry

   Palette:
   #A80929  russet / primary
   #35000B  near-black burgundy / ink
   #CE2A4B  bright russet / accent
   #5C0012  deep russet / secondary
   #A6A6A6  neutral grey
   #F5F2F3  soft warm background
========================================================= */

:root {
    /* Raw CanBerry swatches */
    --cb-russet: #A80929;
    --cb-russet-dark: #35000B;
    --cb-russet-bright: #CE2A4B;
    --cb-russet-deep: #5C0012;
    --cb-grey: #A6A6A6;
    --cb-soft: #F5F2F3;
    --cb-white: #ffffff;
    /* RGB helpers */
    --cb-russet-rgb: 168, 9, 41;
    --cb-russet-dark-rgb: 53, 0, 11;
    --cb-russet-bright-rgb: 206, 42, 75;
    --cb-russet-deep-rgb: 92, 0, 18;
    --cb-grey-rgb: 166, 166, 166;
    --cb-soft-rgb: 245, 242, 243;

    /* Fonts — uses the Typekit file already loaded in _LayoutMaster */
    --ps-font-body: "arboria", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --ps-font-heading: "arboria", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

    /* PotionStarter semantic roles */
    --ps-primary: var(--cb-russet);
    --ps-secondary: var(--cb-grey);
    --ps-accent: var(--cb-russet-bright);
    --ps-surface: #ffffff;
    --ps-muted: var(--cb-soft);
    --ps-ink: var(--cb-russet-dark);
    --ps-ink-contrast: #ffffff;
    --ps-inverse-bg: var(--cb-russet-dark);
    --ps-inverse-text: #ffffff;
    --ps-inverse-link: var(--cb-soft);
    /* Useful alpha helpers */
    --ps-ink-10: rgba(var(--cb-russet-dark-rgb), .10);
    --ps-ink-15: rgba(var(--cb-russet-dark-rgb), .15);
    --ps-ink-20: rgba(var(--cb-russet-dark-rgb), .20);
    /* Links */
    --ps-link: var(--cb-russet);
    --ps-link-hover: var(--cb-russet-dark);
    /* Header / footer */
    --ps-header-bg: var(--cb-russet-deep);
    --ps-footer-bg: var(--cb-russet-dark);
    --ps-footer-link: rgba(255, 255, 255, .78);
    --ps-footer-link-hover: #ffffff;
    --ps-footer-muted: rgba(255, 255, 255, .58);
    /* Header nav variant mapping */
    --ps-header-link-default: rgba(255, 255, 255, .92);
    --ps-header-link-primary: #ffffff;
    --ps-header-link-secondary: var(--cb-soft);
    --ps-header-link-accent: color-mix(in srgb, var(--cb-russet-bright) 32%, #ffffff);
    --ps-header-link-muted: rgba(255, 255, 255, .68);
    --ps-header-link-hover: #ffffff;
    /* Buttons */
    --ps-btn-primary-bg: var(--cb-russet);
    --ps-btn-primary-text: #ffffff;
    --ps-btn-primary-hover-bg: var(--cb-russet-dark);
    --ps-btn-primary-hover-text: #ffffff;
    --ps-btn-secondary-bg: rgba(255, 255, 255, .16);
    --ps-btn-secondary-text: #ffffff;
    --ps-btn-secondary-hover-bg: rgba(255, 255, 255, .28);
    --ps-btn-secondary-hover-text: #ffffff;
    --ps-btn-accent-bg: var(--cb-russet-bright);
    --ps-btn-accent-text: #ffffff;
    --ps-btn-accent-hover-bg: var(--cb-russet-deep);
    --ps-btn-accent-hover-text: #ffffff;
    /* Hero */
    --ps-hero-title: #ffffff;
    --ps-hero-text: #ffffff;
    /* Component defaults */
    --ps-promo-card-title: var(--cb-russet);
    --ps-promo-card-text: var(--cb-russet-dark);
    --ps-promo-accordion-active-title: var(--cb-russet);
    --ps-promo-accordion-body: var(--cb-russet-dark);
    /* LightGallery controls */
    --ps-lg-control-bg: var(--cb-russet);
    --ps-lg-control-color: #ffffff;
    --ps-lg-control-hover-bg: var(--cb-russet-dark);
    --ps-lg-control-hover-color: #ffffff;
    /* Bootstrap compatibility */
    --bs-primary: var(--cb-russet);
    --bs-primary-rgb: var(--cb-russet-rgb);
    --bs-secondary: var(--cb-grey);
    --bs-secondary-rgb: var(--cb-grey-rgb);
    --bs-body-color: var(--cb-russet-dark);
    --bs-body-bg: #ffffff;
    --bs-link-color: var(--ps-link);
    --bs-link-hover-color: var(--ps-link-hover);
    /* CanBerry-specific aliases used by the cb-button-list component */
    --cb-brand-primary: var(--cb-russet);
    --cb-brand-primary-dark: var(--cb-russet-dark);
    --cb-brand-primary-light: color-mix(in srgb, var(--cb-russet-bright) 16%, #ffffff);
    --cb-brand-accent: var(--cb-russet-bright);
    --cb-text: var(--cb-russet-dark);
    --cb-heading-color: var(--cb-russet-dark);
    --cb-font-heading: var(--ps-font-heading);
    --cb-font-body: var(--ps-font-body);
}