/*
 * ActivityLog brand overrides for @umbricians/portal-kit.
 *
 * Loaded AFTER portal-kit.css in _PortalLayout.cshtml so these tokens win.
 * Keep this file thin — only override what differs from the kit defaults.
 *
 * Source of truth for the kit token surface: docs/Theming.md in PortalKit.
 */

:root {
    --pk-color-primary:    #0E7C7B;   /* teal — primary brand */
    --pk-color-primary-hi: #15A09F;   /* teal-bright — hover */
    --pk-color-accent:     #F4A261;   /* amber */
    --pk-color-hero-bg:    #0E1A26;   /* deep navy/ink hero band */
}

/* Dark-mode override — bright teal that reads on the dark hero background */
:root[data-pk-theme="dark"] {
    --pk-color-primary:    #21B5B3;
    --pk-color-primary-hi: #2DD6D2;
    --pk-color-hero-bg:    #050810;
}

/*
 * pk-sidebar — dark-on-light navy tile, ivory text, teal accents.
 * Matches the marketing-site hero strip rather than the kit's default
 * white-tile look. Scoping the tokens to the pk-sidebar element only
 * (rather than :root) keeps the rest of the page on the light theme;
 * CSS custom properties cascade into the kit's shadow DOM, so both
 * ::slotted(section) (in shadow CSS) and pk-sidebar section nav a
 * (in light-DOM portal-kit.css) re-skin without forking the kit.
 */
pk-sidebar {
    /* Tile + chrome: navy ink + ivory borders */
    --pk-color-bg-elevated: var(--pk-color-hero-bg, #0E1A26);
    --pk-color-border:      rgba(255, 255, 255, 0.08);

    /* Body text + hover surface read as ivory on the dark tile */
    --pk-color-text:        rgba(246, 244, 238, 0.85);
    --pk-color-bg-sunken:   rgba(246, 244, 238, 0.06);

    /* Brand teal stays — eyebrow heading + active link border/text */
}

/* Active link active-state is the kit's hardcoded teal at 6% opacity,
   which barely reads on the navy tile. Bump it via a higher-specificity
   light-DOM rule. */
pk-sidebar section nav a.active {
    background: rgba(33, 181, 179, 0.16);
    color: var(--pk-color-primary-hi, #2DD6D2);
}