/*
  02 — Settings / Content Buddy theme config  (ITCSS: Settings)

  Content Buddy (the vendor's Bootstrap-era theming layer, see
  vendor/theme-pseudocode/contentbuddy_theme_v1_5.css) reads its own
  --brand-*, --card-*, --nav-*, --footer-*, --secnav-*, --search-* vocabulary.
  This file maps that vocabulary onto the current --nswtf-* kit tokens
  (00-brand-tokens-1-3.css) so Content Buddy renders on-brand without the
  vendor CSS itself being touched.

  Every alias below should point at a kit token, not a literal colour. Where
  the vendor's own step has no matching kit token (layout dimensions, one-off
  shadows, font-scale steps that don't share the kit's ratio), the literal
  stays as-is — flagged so it's obvious what still needs a kit token before
  this file can be deleted outright.

  Environment: iMIS App_Theme. iMIS injects these files itself (alphabetical
  order), so the numeric prefix carries the ITCSS layer order and we do NOT
  use @layer here — unlayered iMIS/Telerik CSS would beat any layered rule.
*/
:root {
  /* Brand colours, from the kit. Content Buddy's --brand-* vocabulary is kept
    (the vendor CSS reads it); the values point at kit tokens. */
  --brand-1-bg: var(--nswtf-color-sys-primary);
  --brand-1-fg: var(--nswtf-color-sys-text-light);
  --brand-2-bg: var(--nswtf-color-sys-primary-dark);
  --brand-2-fg: var(--nswtf-color-sys-text-light);
  --brand-3-bg: var(--nswtf-color-intent-neutral);
  /* "brand non-colour" / default states */
  --brand-3-fg: var(--nswtf-color-sys-text-light);
  --neutral-1: var(--nswtf-color-neutral-100);
  /* card / panel backgrounds */
  --banner-text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
  --logo-url: url(https://nswtfdev.imiscloud.com/images/Organizations/21010_FedLogoWHITE_RGB.png);

  /* content buddy overwrites */
  --base-font-size: var(--nswtf-font-size-base);
  --mobile-font-size: var(--nswtf-font-size-base);

  --bold-weight: var(--nswtf-font-weight-semibold);
  --default-border-radius: var(--nswtf-radius-sm);




  --titlebar-title-align: center;
  --titlebar-intro-align: center;
  --titlebar-intro-width: 40em;
  --titlebar-margin-bottom: 3em;
  --blocklink-button-padding: 1.3em 2em;

  --article-title-align: left;
  --article-intro-align: left;
  --article-intro-bold: var(--nswtf-font-weight-bold);

  --banner-overlay: #55555550;
  --banner-content-width: 60%;

  --card-title-font-size: var(--nswtf-font-size-lg);
  --card-description-font-size: var(--nswtf-font-size-body);
  --card-description-font-weight: var(--nswtf-font-weight-light);
  --card-description-line-height: 1.7em;
  --card-shadow: var(--nswtf-elevation-sm);
  --card-circular-width: 25%;
  --card-action-align: right;
  --counter-icon-colour: var(--brand-2-fg);
  --counter-label-colour: var(--brand-2-fg);
  --counter-number-colour: var(--brand-1-bg);

  --button-text-transform: none;
  --button-font-weight: var(--nswtf-font-weight-regular);
  --button-font-size: var(--nswtf-font-size-body);
  --button-padding: 1em 1.2em;


  --pcarousel-border-colour: var(--nswtf-color-sys-border);
  /* site-specific */
  --flag-aboriginal-url: url('https://application.pseudocode.com.au/clients/uhub/assets/flag-aboriginal.png');
  --flag-torres-url: url('https://application.pseudocode.com.au/clients/uhub/assets/flag-torres-strait-islander.png');
  --default-font-family: var(--nswtf-font-family-body);
  --title-font-family: var(--nswtf-font-family-heading);
  --body-bg: var(--nswtf-color-sys-surface);
  --body-fg: var(--nswtf-color-sys-text);
  --header-bg: var(--brand-2-bg);
  /* join form: solid blue header */
  --header-height: 6.5rem;
  /* for sticky header */
  --header-height-event: 7.5rem;
  /* for sticky header on event details page */
  --footer-bg: var(--nswtf-color-component-contrast-bg);
  --footer-fg: var(--nswtf-color-component-contrast-fg);
  --footer-font-size: var(--nswtf-font-size-body);
  --footer-social-bg: var(--brand-1-bg);
  --footer-social-fg: var(--brand-1-fg);
  --footer-social-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);
  --footer-content-background: var(--brand-2-bg);
  --footer-content-background-overlay: transparent;
  --footer-content-colour: var(--brand-2-fg);
  --footer-acknowledgement-bg: var(--footer-bg);
  --footer-acknowledgement-fg: var(--footer-fg);
  --imagebar-overlay: rgba(0, 0, 0, 0.5);
  /* navigation */
  --nav-bg: var(--nswtf-color-sys-surface-raised);
  --nav-fg: var(--nswtf-color-sys-text-light);
  /* join form: white nav text on blue header */
  --nav-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
  --nav-border-colour: var(--nswtf-color-sys-divider);
  --nav-sub-weight: var(--nswtf-font-weight-semibold);
  /* font weight for dropdown links - these links change colour by default */
  --nav-shadow-dropdown: 0 2em 2em rgba(0, 0, 0, 0.1);
  --nav-radius-dropdown: 0 0 1em 1em;
  --nav-active-bg: var(--nswtf-color-sys-complement);
  --nav-active-fg: var(--brand-1-fg);
  --secnav-bg: var(--nswtf-color-sys-surface-raised);
  --secnav-fg: var(--nswtf-color-sys-text-light);
  /* join form: white on blue header */
  --secnav-font-size: var(--nswtf-font-size-body);
  --secnav-font-weight: var(--nswtf-font-weight-semibold);
  --secnav-line-height: 1em;
  --secnav-icon-size: 1em;
  --secnav-icon-colour: var(--nswtf-color-sys-text-light);
  /* join form: white on blue header */
  --search-width: 10em;
  --search-padding: 0em 0.5em;
  --search-border: solid 1px var(--nswtf-color-sys-divider);
  --search-border-radius: var(--nswtf-radius-sm);
}