/*
 * Dream Villa Connect skin for the keycloak.v3 account console (static, no build).
 *
 * The account console is a React SPA that bundles its own PatternFly v5 stylesheet,
 * so theming is limited to design-token overrides (no custom layout). This pushes the
 * SPA as far as it goes: DVC coral brand, Plus Jakarta Sans / Bricolage Grotesque type,
 * and the warm sand canvas. Layout/structure stay PatternFly (documented ceiling).
 *
 * Design VALUES come from tokens.css, build-imported into this theme's resources/css
 * at image build time. The --st-brand bridge is still consumed by
 * snowtree-base/account/structural.css; the --pf-* overrides below add type + canvas.
 *
 * CANONICAL token source: src/Snowtree.DreamVillaConnect.Razor/wwwroot/css/tokens.css
 */

@font-face {
  font-display: swap;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 800;
  src: url("../fonts/plus-jakarta-sans.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400 800;
  src: url("../fonts/bricolage-grotesque.woff2") format("woff2");
}

/* Brand role (light + the dark class resolve to the same coral - light-only). */
:root,
.pf-v5-theme-dark {
  --st-brand: var(--dvc-coral);
  --st-brand-hover: var(--dvc-coral-ink);
}

/* Type + canvas: map PatternFly globals onto the DVC tokens. */
:root {
  --pf-v5-global--FontFamily--text: var(--dvc-font-sans);
  --pf-v5-global--FontFamily--heading: var(--dvc-font-display);
  --pf-v5-global--FontFamily--redhatfont: var(--dvc-font-sans);
  --pf-v5-global--BackgroundColor--100: var(--dvc-bg);
  --pf-v5-global--BackgroundColor--200: var(--dvc-sand);
  --pf-v5-global--BorderColor--100: var(--dvc-line);
  --pf-v5-global--link--Color: var(--dvc-coral-ink);
  --pf-v5-global--link--Color--hover: var(--dvc-coral-deep);
  --pf-v5-global--primary-color--100: var(--dvc-coral);
  --pf-v5-global--primary-color--200: var(--dvc-coral-ink);
  --pf-v5-global--BorderRadius--sm: var(--dvc-radius-sm);
}

body,
.pf-v5-c-page,
.pf-v5-c-page__main {
  font-family: var(--dvc-font-sans);
  background-color: var(--dvc-bg);
}