/*
 * Good Journey — Tailwind v4 theme tokens.
 *
 * brand goodjourney · version 1 · channel stable
 *
 * Generated from effective.json by the style-guide master. Load it AFTER
 * Tailwind's own entry stylesheet, and load brand.css alongside it: every
 * value below is a var() onto the brand token with the base mode's literal
 * as its fallback, so the utilities follow the brand's own mode switching
 * and still paint without brand.css present.
 *
 * Do not edit — re-vendor on a version change.
 */

@theme {
  /* Colour */
  --color-gj-navy: var(--gj-navy, #312E7C);
  --color-gj-violet: var(--gj-violet, #5D59C4);
  --color-gj-orange: var(--gj-orange, #F15627);
  --color-gj-sky: var(--gj-sky, #5DAFF4);
  --color-gj-lime: var(--gj-lime, #E9E72F);
  --color-gj-pink: var(--gj-pink, #FFD0E5);
  --color-gj-lavender: var(--gj-lavender, #D3D3EB);
  --color-gj-lime-tint: var(--gj-lime-tint, #F1F2C4);
  --color-gj-cream: var(--gj-cream, #FFF8EF);
  --color-gj-white: var(--gj-white, #FFFFFF);
  --color-gj-denim: var(--gj-denim, #63A1D6);
  --color-gj-chocolate: var(--gj-chocolate, #543A34);
  --color-gj-brick: var(--gj-brick, #D34D2A);
  --color-gj-peach: var(--gj-peach, #FED09E);
  --color-gj-marigold: var(--gj-marigold, #FDB515);
  --color-gj-tangerine: var(--gj-tangerine, #F47522);
  --color-gj-butter: var(--gj-butter, #FFDD98);
  --color-gj-periwinkle-grey: var(--gj-periwinkle-grey, #8A8BC4);
  --color-gj-periwinkle: var(--gj-periwinkle, #7878FA);
  --color-gj-violet-ink: var(--gj-violet-ink, #5351BD);
  --color-gj-ink-soft: var(--gj-ink-soft, #646491);
  --color-gj-navy-deep: var(--gj-navy-deep, #181752);
  --color-gj-surface: var(--gj-surface, #FFF8EF);
  --color-gj-surface-raised: var(--gj-surface-raised, #FFFFFF);
  --color-gj-surface-tint: var(--gj-surface-tint, #F1F2C4);
  --color-gj-surface-soft: var(--gj-surface-soft, #D3D3EB);
  --color-gj-ink: var(--gj-ink, #312E7C);
  --color-gj-ink-muted: var(--gj-ink-muted, #646491);
  --color-gj-ink-secondary: var(--gj-ink-secondary, #5351BD);
  --color-gj-on-ink: var(--gj-on-ink, #FFF8EF);
  --color-gj-accent: var(--gj-accent, #F15627);
  --color-gj-accent-ink: var(--gj-accent-ink, #C5380D);
  --color-gj-action: var(--gj-action, #C5380D);
  --color-gj-action-hover: var(--gj-action-hover, #A82F0B);
  --color-gj-on-action: var(--gj-on-action, #FFF8EF);
  --color-gj-highlight: var(--gj-highlight, #E9E72F);
  --color-gj-on-highlight: var(--gj-on-highlight, #312E7C);
  --color-gj-link: var(--gj-link, #312E7C);
  --color-gj-link-hover: var(--gj-link-hover, #5351BD);
  --color-gj-focus-ring: var(--gj-focus-ring, #5D59C4);
  --color-gj-border: var(--gj-border, rgba(49, 46, 124, 0.16));
  --color-gj-border-strong: var(--gj-border-strong, #312E7C);
  --color-gj-hairline: var(--gj-hairline, #D3D3EB);
  --color-gj-fill-soft: var(--gj-fill-soft, rgba(49, 46, 124, 0.06));
  --color-gj-positive: var(--gj-positive, #1E7A46);
  --color-gj-warning: var(--gj-warning, #8F6301);
  --color-gj-negative: var(--gj-negative, #BB4425);
  --color-gj-info: var(--gj-info, #0D6DBE);

  /* Radii */
  --radius-gj-radius-card: var(--gj-radius-card, 20px);
  --radius-gj-radius-sm: var(--gj-radius-sm, 10px);
  --radius-gj-radius-pill: var(--gj-radius-pill, 999px);
  --radius-max: 20px;

  /* Faces */
  --font-headline: "Barlow Condensed SemiBold", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-barlow-condensed: "Barlow Condensed SemiBold", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-title: obviously, "Barlow Black", "Arial Black", sans-serif;
  --font-barlow: obviously, "Barlow Black", "Arial Black", sans-serif;
  --font-display: obviously-narrow, "Barlow Condensed Bold", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-obviously-narrow-barlow-condensed-bold: obviously-narrow, "Barlow Condensed Bold", "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-sans: Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-poppins: Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-sans-bold: "Poppins Bold", Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-poppins-bold: "Poppins Bold", Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-prose: bicyclette, Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-bicyclette: bicyclette, Poppins, "Helvetica Neue", Arial, sans-serif;
  --font-script: alkaline, "Brush Script MT", cursive;
  --font-alkaline: alkaline, "Brush Script MT", cursive;

  /* The kit's host vocabulary */
  --color-sg-bg: var(--sg-bg, var(--gj-surface));
  --color-sg-bg-raised: var(--sg-bg-raised, var(--gj-surface-raised));
  --color-sg-fg: var(--sg-fg, var(--gj-ink));
  --color-sg-fg-strong: var(--sg-fg-strong, var(--gj-ink));
  --color-sg-muted: var(--sg-muted, var(--gj-ink-muted));
  --color-sg-faint: var(--sg-faint, var(--gj-ink-secondary));
  --color-sg-hairline: var(--sg-hairline, var(--gj-hairline));
  --color-sg-hairline-strong: var(--sg-hairline-strong, var(--gj-border-strong));
  --color-sg-accent: var(--sg-accent, var(--gj-action));
  --font-sg-ui: var(--sg-font-ui, var(--font-sans));
  --font-sg-display: var(--sg-font-display, var(--font-headline));
  --font-sg-prose: var(--sg-font-prose, var(--font-sans));
}