/* ========================================================================
   Tap & Barrel – Organization Theme
   ========================================================================
   Loaded dynamically via <link> when a Tap & Barrel page is viewed.
   Uses --hc-* CSS custom properties consumed by the Honeycomb web-plugin.
   ======================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

:root {
    /* === Typography === */
    --hc-font-family: 'Rubik', sans-serif;
    --hc-font-family-heading: 'Rubik', sans-serif;
    --hc-font-family-body: 'Rubik', sans-serif;

    /* === Brand Colors === */
    --hc-color-primary: #CB1D31;
    --hc-color-primary-light: #D94352;
    --hc-color-accent: #CB1D31;
    --hc-color-accent-light: #E04A58;
    --hc-color-text: #202020;
    --hc-color-text-muted: #606060;

    /* === Backgrounds === */
    --hc-bg-page: #F7F7F7;
    --hc-bg-card: #FFFFFF;
    --hc-bg-header: #000000;
    --hc-bg-footer: #1A1A1A;

    /* === Borders & Radii === */
    --hc-border-color: #E0E0E0;
    --hc-border-radius: 0px;

    /* === Hover / Interaction === */
    --hc-hover-bg: linear-gradient(to right, #FFF0F1, #FFE3E5);
    --hc-hover-text: #CB1D31;

    /* === Header Gradient Overlay === */
    --hc-header-gradient: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);

    /* === Accent Bar (section marker) === */
    --hc-accent-bar-color: #CB1D31;
}