/*
 * Good Journey — generated brand stylesheet.
 *
 * brand goodjourney · version 1 · channel stable
 * theme marketing · project (none) · generated 2026-10-03T15:15:13.000Z
 *
 * Generated by emit-brand-css from effective.json. Do not edit: the next
 * publish overwrites it, and the master is the only writer of brand data.
 */

/* Faces — content-addressed, same-origin */

@font-face {
  font-family: "Barlow Condensed SemiBold";
  src: url("/api/styleguide/assets/215a93c696f442034a46fbb382958f753fda60e30490683aeea6b235fcbb2b66") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed Medium";
  src: url("/api/styleguide/assets/460f141ec8f6c9a1516bfd2bd9fe71656246d7a9d04a0955faf53158d8970c4c") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed Bold";
  src: url("/api/styleguide/assets/3787a5a419171630e6890cfa47c4da067474d005cd0ff8dc11ec090fdc3ee2b8") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Barlow Black";
  src: url("/api/styleguide/assets/6f5d995ccc4d8ffd9e8cb4c303fc1f3646d6c62d40269ef59463332f12d5b897") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("/api/styleguide/assets/7d93459d86585bfcdbb7e0376056226adb25821ee54b96236fe2123e9560929f") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Poppins Bold";
  src: url("/api/styleguide/assets/9338e65fc077355c7a87ae0d64cc101e23b9bf8ad78ae65f0f319c857311b526") format("woff2");
  font-display: swap;
}

/* Semantic tokens — one block per surface, per mode */

/* Cream page — Cream page */
:root {
  --gj-navy: #312E7C;
  --gj-violet: #5D59C4;
  --gj-orange: #F15627;
  --gj-sky: #5DAFF4;
  --gj-lime: #E9E72F;
  --gj-pink: #FFD0E5;
  --gj-lavender: #D3D3EB;
  --gj-lime-tint: #F1F2C4;
  --gj-cream: #FFF8EF;
  --gj-white: #FFFFFF;
  --gj-denim: #63A1D6;
  --gj-chocolate: #543A34;
  --gj-brick: #D34D2A;
  --gj-peach: #FED09E;
  --gj-marigold: #FDB515;
  --gj-tangerine: #F47522;
  --gj-butter: #FFDD98;
  --gj-periwinkle-grey: #8A8BC4;
  --gj-periwinkle: #7878FA;
  --gj-violet-ink: #5351BD;
  --gj-ink-soft: #646491;
  --gj-navy-deep: #181752;
  --gj-surface: #FFF8EF;
  --gj-surface-raised: #FFFFFF;
  --gj-surface-tint: #F1F2C4;
  --gj-surface-soft: #D3D3EB;
  --gj-ink: #312E7C;
  --gj-ink-muted: #646491;
  --gj-ink-secondary: #5351BD;
  --gj-on-ink: #FFF8EF;
  --gj-accent: #F15627;
  --gj-accent-ink: #C5380D;
  --gj-action: #C5380D;
  --gj-action-hover: #A82F0B;
  --gj-on-action: #FFF8EF;
  --gj-highlight: #E9E72F;
  --gj-on-highlight: #312E7C;
  --gj-link: #312E7C;
  --gj-link-hover: #5351BD;
  --gj-focus-ring: #5D59C4;
  --gj-border: rgba(49, 46, 124, 0.16);
  --gj-border-strong: #312E7C;
  --gj-hairline: #D3D3EB;
  --gj-fill-soft: rgba(49, 46, 124, 0.06);
  --gj-positive: #1E7A46;
  --gj-warning: #8F6301;
  --gj-negative: #BB4425;
  --gj-info: #0D6DBE;
  --gj-radius-card: 20px;
  --gj-radius-sm: 10px;
  --gj-radius-pill: 999px;
  --gj-shadow-sticker: 3px 3px 0 rgba(35, 31, 32, 0.5);
  --gj-shadow-lift: 0 12px 32px -20px rgba(49, 46, 124, 0.45);
  --font-display: obviously-narrow, "Barlow Condensed Bold", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-headline: "Barlow Condensed SemiBold", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-label: "Barlow Condensed Medium", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-title: obviously, "Barlow Black", "Arial Black", sans-serif;
  --font-sans: Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-sans-bold: "Poppins Bold", Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-prose: bicyclette, Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-script: alkaline, "Brush Script MT", cursive;
}

/* Navy block — Cream page */
.gj-on-navy {
  --gj-surface: #312E7C;
  --gj-surface-raised: #26236B;
  --gj-surface-tint: #181752;
  --gj-surface-soft: #2A2774;
  --gj-ink: #FFF8EF;
  --gj-ink-muted: #D3D3EB;
  --gj-ink-secondary: #F1F2C4;
  --gj-on-ink: #312E7C;
  --gj-accent: #E9E72F;
  --gj-accent-ink: #E9E72F;
  --gj-action: #E9E72F;
  --gj-action-hover: #F1F2C4;
  --gj-on-action: #312E7C;
  --gj-highlight: #E9E72F;
  --gj-on-highlight: #312E7C;
  --gj-link: #E9E72F;
  --gj-link-hover: #F1F2C4;
  --gj-focus-ring: #E9E72F;
  --gj-border: rgba(255, 248, 239, 0.18);
  --gj-border-strong: #FFF8EF;
  --gj-hairline: rgba(255, 248, 239, 0.12);
  --gj-fill-soft: rgba(255, 248, 239, 0.08);
  --gj-positive: #7BD4A4;
  --gj-warning: #FDB515;
  --gj-negative: #F58461;
  --gj-info: #5DAFF4;
}

/* The kit's vocabulary */

.sg-host {
  --sg-bg: var(--gj-surface);
  --sg-bg-raised: var(--gj-surface-raised);
  --sg-fg: var(--gj-ink);
  --sg-fg-strong: var(--gj-ink);
  --sg-muted: var(--gj-ink-muted);
  --sg-faint: var(--gj-ink-secondary);
  --sg-hairline: var(--gj-hairline);
  --sg-hairline-strong: var(--gj-border-strong);
  --sg-accent: var(--gj-action);
  --sg-font-ui: var(--font-sans);
  --sg-font-display: var(--font-headline);
  --sg-font-prose: var(--font-sans);
}

/* Paged media — @page inherits from :root */

:root {
  --sg-print-page-bg: #FFF8EF;
  --sg-print-footer: 'Good Journey — The Brand Wellness Manual';
  --sg-print-font-ui: Poppins, "Helvetica Neue", Arial, sans-serif;
  --sg-print-footer-ink: #646491;
}