/* ============================================================================
   Bold & Strung, a Graft kit. Generated by scripts/build-kit.mjs from
   kits/bold-and-strung/kit.source.mjs and kits/_shared — DO NOT EDIT.

   Layer 1 below is the few variables kit.css reads from outside the kit,
   with values from Ristra's design system (kits/bold-and-strung/ristra-tokens.json).
   Layer 2 is the kit: ramps under kit names, anchors, fields, type, shape.
   ========================================================================= */

:root {
	--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
	--dur-fast: 120ms;
	--ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ---- Layer 2: kit ------------------------------------------------------- */

:root {
	/* Ramps under kit names */
	--bb-color-terra-50: #fff4f2;
	--bb-color-terra-100: #ffe0d9;
	--bb-color-terra-200: #ffc4b7;
	--bb-color-terra-300: #ff9c88;
	--bb-color-terra-400: #f37860;
	--bb-color-terra-500: #e0563d;
	--bb-color-terra-600: #d7391d;
	--bb-color-terra-700: #a71c00;
	--bb-color-terra-800: #821300;
	--bb-color-terra-900: #5a0a00;
	--bb-color-terra-950: #380300;
	--bb-color-terra-975: #1e0100;
	--bb-color-sweet-50: #fff4f0;
	--bb-color-sweet-100: #ffe1d4;
	--bb-color-sweet-200: #ffc5ad;
	--bb-color-sweet-300: #ff9e73;
	--bb-color-sweet-400: #f66e24;
	--bb-color-sweet-500: #da5e16;
	--bb-color-sweet-600: #b94a00;
	--bb-color-sweet-700: #963a00;
	--bb-color-sweet-800: #742b00;
	--bb-color-sweet-900: #4f1b00;
	--bb-color-sweet-950: #320e00;
	--bb-color-sweet-975: #1a0400;
	--bb-color-chili-50: #fff4f2;
	--bb-color-chili-100: #ffe0da;
	--bb-color-chili-200: #ffc4ba;
	--bb-color-chili-300: #ff9c8d;
	--bb-color-chili-400: #ff6c5a;
	--bb-color-chili-500: #ed4233;
	--bb-color-chili-600: #e30000;
	--bb-color-chili-700: #ad0000;
	--bb-color-chili-800: #860000;
	--bb-color-chili-900: #5d0000;
	--bb-color-chili-950: #3b0000;
	--bb-color-chili-975: #1f0000;
	--bb-color-ochre-50: #fff5eb;
	--bb-color-ochre-100: #ffe2c5;
	--bb-color-ochre-200: #ffc98f;
	--bb-color-ochre-300: #f49a19;
	--bb-color-ochre-400: #df8c10;
	--bb-color-ochre-500: #bf7600;
	--bb-color-ochre-600: #9f6100;
	--bb-color-ochre-700: #804d00;
	--bb-color-ochre-800: #633a00;
	--bb-color-ochre-900: #432600;
	--bb-color-ochre-950: #291500;
	--bb-color-ochre-975: #140800;
	--bb-color-sage-50: #f1faeb;
	--bb-color-sage-100: #e0edd8;
	--bb-color-sage-200: #cadac1;
	--bb-color-sage-300: #aec2a3;
	--bb-color-sage-400: #93aa86;
	--bb-color-sage-500: #809971;
	--bb-color-sage-600: #637956;
	--bb-color-sage-700: #4e6242;
	--bb-color-sage-800: #3a4b2f;
	--bb-color-sage-900: #24331b;
	--bb-color-sage-950: #131f0b;
	--bb-color-sage-975: #050e02;
	--bb-color-turquoise-50: #e0fff6;
	--bb-color-turquoise-100: #acfae6;
	--bb-color-turquoise-200: #79edd2;
	--bb-color-turquoise-300: #20dbba;
	--bb-color-turquoise-400: #17bb9d;
	--bb-color-turquoise-500: #0a9c81;
	--bb-color-turquoise-600: #00856d;
	--bb-color-turquoise-700: #006b57;
	--bb-color-turquoise-800: #005242;
	--bb-color-turquoise-900: #00372c;
	--bb-color-turquoise-950: #002119;
	--bb-color-turquoise-975: #000f0a;
	--bb-color-earth-50: #fcf6ed;
	--bb-color-earth-100: #ffeed6;
	--bb-color-earth-200: #e2d2bb;
	--bb-color-earth-300: #c8b8a4;
	--bb-color-earth-400: #ae9f8c;
	--bb-color-earth-500: #958776;
	--bb-color-earth-600: #7c6f60;
	--bb-color-earth-700: #65584b;
	--bb-color-earth-800: #4e4337;
	--bb-color-earth-900: #362c21;
	--bb-color-earth-950: #231a11;
	--bb-color-earth-975: #0f0a06;

	/* Anchors: the brand colors exactly as given */
	--bb-color-terra: var(--bb-color-terra-600);
	--bb-color-sweet: var(--bb-color-sweet-400);
	--bb-color-chili: var(--bb-color-chili-600);
	--bb-color-ochre: var(--bb-color-ochre-300);
	--bb-color-sage: var(--bb-color-sage-500);
	--bb-color-turquoise-lt: var(--bb-color-turquoise-300);
	--bb-color-turquoise-dk: var(--bb-color-turquoise-500);
	--bb-color-sand: var(--bb-color-earth-100);
	--bb-color-earth: var(--bb-color-earth-950);

	/* Extras: named literal colors outside the ramps */
	--bb-color-white: #ffffff;

	/* Field: bright */
	--bb-bright-bg: var(--bb-color-terra-700);
	--bb-bright-ink: var(--bb-color-earth-100);
	--bb-bright-muted: var(--bb-color-terra-200);
	--bb-bright-link: var(--bb-color-earth-100);
	--bb-bright-line: var(--bb-color-earth-100);
	--bb-bright-focus: var(--bb-color-ochre-300);
	--bb-bright-action: var(--bb-color-earth-100);
	--bb-bright-on-action: var(--bb-color-earth-950);
	--bb-bright-accent: var(--bb-color-ochre-300);
	--bb-bright-on-accent: var(--bb-color-earth-950);
	--bb-bright-submit: var(--bb-color-earth-950);
	--bb-bright-on-submit: var(--bb-color-earth-100);
	--bb-bright-marker: var(--bb-color-ochre-300);
	--bb-bright-on-marker: var(--bb-color-earth-950);
	--bb-bright-raised: var(--bb-color-earth-950);
	--bb-bright-on-raised: var(--bb-color-earth-100);
	--bb-bright-raised-muted: var(--bb-color-earth-300);
	--bb-bright-chip: var(--bb-color-terra-100);
	--bb-bright-on-chip: var(--bb-color-earth-950);
	--bb-bright-caret: var(--bb-color-ochre-300);
	--bb-bright-input: var(--bb-color-white);
	--bb-bright-on-input: var(--bb-color-earth-900);
	--bb-bright-input-muted: var(--bb-color-earth-700);
	--bb-bright-input-line: var(--bb-color-earth-100);
	--bb-bright-orb: var(--bb-color-terra-800);
	--bb-bright-series-1: var(--bb-color-earth-100);
	--bb-bright-series-2: var(--bb-color-ochre-300);
	--bb-bright-series-3: var(--bb-color-terra-300);
	--bb-bright-track: var(--bb-color-terra-900);
	--bb-bright-agent: var(--bb-color-turquoise-700);
	--bb-bright-agent-2: var(--bb-color-sage-700);
	--bb-bright-on-agent: var(--bb-color-earth-100);
	--bb-bright-agent-wash: var(--bb-color-turquoise-950);
	--bb-bright-agent-line: var(--bb-color-turquoise-300);
	--bb-bright-scheme: dark;

	/* Field: night */
	--bb-night-bg: var(--bb-color-earth-950);
	--bb-night-ink: var(--bb-color-earth-100);
	--bb-night-muted: var(--bb-color-earth-300);
	--bb-night-link: var(--bb-color-turquoise-300);
	--bb-night-line: var(--bb-color-earth-500);
	--bb-night-focus: var(--bb-color-ochre-300);
	--bb-night-action: var(--bb-color-earth-100);
	--bb-night-on-action: var(--bb-color-earth-950);
	--bb-night-accent: var(--bb-color-terra-400);
	--bb-night-on-accent: var(--bb-color-earth-975);
	--bb-night-submit: var(--bb-color-terra-400);
	--bb-night-on-submit: var(--bb-color-earth-975);
	--bb-night-marker: var(--bb-color-ochre-300);
	--bb-night-on-marker: var(--bb-color-earth-950);
	--bb-night-raised: var(--bb-color-terra-900);
	--bb-night-on-raised: var(--bb-color-earth-100);
	--bb-night-raised-muted: var(--bb-color-terra-200);
	--bb-night-chip: var(--bb-color-turquoise-400);
	--bb-night-on-chip: var(--bb-color-earth-975);
	--bb-night-caret: var(--bb-color-ochre-300);
	--bb-night-input: var(--bb-color-earth-900);
	--bb-night-on-input: var(--bb-color-earth-100);
	--bb-night-input-muted: var(--bb-color-earth-300);
	--bb-night-input-line: var(--bb-color-earth-500);
	--bb-night-orb: var(--bb-color-earth-975);
	--bb-night-series-1: var(--bb-color-terra-400);
	--bb-night-series-2: var(--bb-color-ochre-300);
	--bb-night-series-3: var(--bb-color-turquoise-300);
	--bb-night-track: var(--bb-color-earth-800);
	--bb-night-agent: var(--bb-color-turquoise-700);
	--bb-night-agent-2: var(--bb-color-sage-700);
	--bb-night-on-agent: var(--bb-color-earth-100);
	--bb-night-agent-wash: var(--bb-color-turquoise-950);
	--bb-night-agent-line: var(--bb-color-turquoise-400);
	--bb-night-scheme: dark;

	/* Field: day (light) */
	--bb-day-bg: var(--bb-color-earth-50);
	--bb-day-ink: var(--bb-color-earth-900);
	--bb-day-muted: var(--bb-color-earth-700);
	--bb-day-link: var(--bb-color-turquoise-700);
	--bb-day-line: var(--bb-color-earth-900);
	--bb-day-focus: var(--bb-color-turquoise-700);
	--bb-day-action: var(--bb-color-earth-950);
	--bb-day-on-action: var(--bb-color-earth-100);
	--bb-day-accent: var(--bb-color-terra-600);
	--bb-day-on-accent: var(--bb-color-white);
	--bb-day-submit: var(--bb-color-terra-600);
	--bb-day-on-submit: var(--bb-color-white);
	--bb-day-marker: var(--bb-color-ochre-300);
	--bb-day-on-marker: var(--bb-color-earth-950);
	--bb-day-raised: var(--bb-color-white);
	--bb-day-on-raised: var(--bb-color-earth-900);
	--bb-day-raised-muted: var(--bb-color-earth-700);
	--bb-day-chip: var(--bb-color-earth-950);
	--bb-day-on-chip: var(--bb-color-earth-100);
	--bb-day-caret: var(--bb-color-terra-600);
	--bb-day-input: var(--bb-color-white);
	--bb-day-on-input: var(--bb-color-earth-900);
	--bb-day-input-muted: var(--bb-color-earth-700);
	--bb-day-input-line: var(--bb-color-earth-700);
	--bb-day-orb: var(--bb-color-white);
	--bb-day-series-1: var(--bb-color-terra-600);
	--bb-day-series-2: var(--bb-color-turquoise-700);
	--bb-day-series-3: var(--bb-color-earth-700);
	--bb-day-track: var(--bb-color-earth-100);
	--bb-day-agent: var(--bb-color-turquoise-200);
	--bb-day-agent-2: var(--bb-color-sage-200);
	--bb-day-on-agent: var(--bb-color-earth-900);
	--bb-day-agent-wash: var(--bb-color-turquoise-50);
	--bb-day-agent-line: var(--bb-color-turquoise-500);
	--bb-day-scheme: light;

	/* The current field: day unless a .bb-field-* class says otherwise */
	--bb-bg: var(--bb-day-bg);
	--bb-ink: var(--bb-day-ink);
	--bb-muted: var(--bb-day-muted);
	--bb-link: var(--bb-day-link);
	--bb-line: var(--bb-day-line);
	--bb-focus: var(--bb-day-focus);
	--bb-action: var(--bb-day-action);
	--bb-on-action: var(--bb-day-on-action);
	--bb-accent: var(--bb-day-accent);
	--bb-on-accent: var(--bb-day-on-accent);
	--bb-submit: var(--bb-day-submit);
	--bb-on-submit: var(--bb-day-on-submit);
	--bb-marker: var(--bb-day-marker);
	--bb-on-marker: var(--bb-day-on-marker);
	--bb-raised: var(--bb-day-raised);
	--bb-on-raised: var(--bb-day-on-raised);
	--bb-raised-muted: var(--bb-day-raised-muted);
	--bb-chip: var(--bb-day-chip);
	--bb-on-chip: var(--bb-day-on-chip);
	--bb-caret: var(--bb-day-caret);
	--bb-input: var(--bb-day-input);
	--bb-on-input: var(--bb-day-on-input);
	--bb-input-muted: var(--bb-day-input-muted);
	--bb-input-line: var(--bb-day-input-line);
	--bb-orb: var(--bb-day-orb);
	--bb-series-1: var(--bb-day-series-1);
	--bb-series-2: var(--bb-day-series-2);
	--bb-series-3: var(--bb-day-series-3);
	--bb-track: var(--bb-day-track);
	--bb-agent: var(--bb-day-agent);
	--bb-agent-2: var(--bb-day-agent-2);
	--bb-on-agent: var(--bb-day-on-agent);
	--bb-agent-wash: var(--bb-day-agent-wash);
	--bb-agent-line: var(--bb-day-agent-line);

	/* Type */
	--bb-display-xl: clamp(3rem, 1.8rem + 6vw, 6rem);
	--bb-display-lg: clamp(2.25rem, 1.5rem + 3.75vw, 4.5rem);
	--bb-display-md: clamp(1.875rem, 1.5rem + 1.9vw, 3rem);
	--bb-display-sm: clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);
	--bb-lede: clamp(1.125rem, 1rem + 0.6vw, 1.3125rem);
	--bb-body: 1.125rem;
	--bb-small: 1rem;
	--bb-caption: 0.875rem;
	--bb-weight-display: 900;
	--bb-weight-heading: 800;
	--bb-weight-strong: 700;
	--bb-weight-body: 500;
	--bb-leading-display: 0.96;
	--bb-leading-heading: 1.08;
	--bb-leading-body: 1.55;
	--bb-tracking-display: -0.035em;
	--bb-tracking-heading: -0.02em;

	/* Shape */
	--bb-radius-chip: 4px;
	--bb-radius-button: 6px;
	--bb-radius-marker: 0.1em;
	--bb-radius-card: 14px;
	--bb-radius-pill: 999px;

	/* Stroke: the width of every border kit.css draws */
	--bb-stroke-width: 2px;

	/* Poses */
	--bb-pose-1: rotate(-1.4deg) skewY(0.5deg);
	--bb-pose-2: rotate(0.9deg) skewX(-0.8deg);
	--bb-pose-3: rotate(-0.5deg) skewY(-0.9deg);
	--bb-pose-4: rotate(1.6deg) skewX(0.6deg);
	--bb-pose-tag: rotate(-2.5deg);
	--bb-pose-nudge: rotate(-1.5deg);
	--bb-pose-settle: rotate(-6deg) scale(1.12);
	--bb-stagger: 1;

	/* Layout */
	--bb-wrap: 76rem;
	--bb-measure: 36rem;
	--bb-measure-wide: 56rem;
	--bb-gutter: clamp(1rem, 4vw, 3rem);
	--bb-field-pad: clamp(4rem, 3rem + 5vw, 8rem);
	--bb-step: clamp(1.75rem, 0.5rem + 6vw, 7rem);
	--bb-flow-gap: clamp(6rem, 12vw, 10rem);

	/* Density: multiplies every rem size and space in kit.css */
	--bb-density: 1;

	/* For the showcase page: the contract the build checked, and page metadata */
	--bb-contract: '{"fields":["bright","night","day"],"text":{"min":4.5,"pairs":[["ink","bg"],["ink","orb"],["muted","bg"],["muted","orb"],["link","bg"],["link","orb"],["on-action","action"],["on-accent","accent"],["on-submit","submit"],["on-marker","marker"],["on-raised","raised"],["raised-muted","raised"],["on-chip","chip"],["on-input","input"],["input-muted","input"],["ink","track"],["on-raised","track"],["on-agent","agent"],["on-raised","agent-wash"],["raised-muted","agent-wash"]]},"nonText":{"min":3,"pairs":[["line","bg"],["line","orb"],["input-line","bg"],["input-line","orb"],["focus","bg"],["focus","orb"],["focus","raised"],["action","bg"],["action","orb"],["accent","bg"],["accent","orb"],["chip","bg"],["chip","orb"],["caret","bg"],["caret","orb"],["caret","raised"],["submit","input"],["series-1","bg"],["series-1","orb"],["series-2","bg"],["series-2","orb"],["series-3","bg"],["series-3","orb"],["series-1","raised"],["series-2","raised"],["series-3","raised"],["series-1","track"],["series-2","track"],["series-3","track"],["agent-line","bg"],["agent-line","orb"],["agent-line","raised"]]},"gradients":{"agent":["agent","agent-2"]},"decorative":[]}';
	--bb-meta: '{"fields":{"bright":"Chili","night":"Espresso","day":"Sand"},"steps":[50,100,200,300,400,500,600,700,800,900,950,975],"extras":["white"],"ramps":[{"name":"terra","label":"Terra, anchored at 600"},{"name":"sweet","label":"Sweet, anchored at 400"},{"name":"chili","label":"Chili, anchored at 600"},{"name":"ochre","label":"Ochre, anchored at 300"},{"name":"sage","label":"Sage, anchored at 500"},{"name":"turquoise","label":"Turquoise, between turquoise-lt at 300 and turquoise-dk at 500"},{"name":"earth","label":"Earth, between sand at 100 and earth at 950"}]}';
	color-scheme: var(--bb-day-scheme);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--bb-day-bg: var(--bb-color-earth-975);
		--bb-day-ink: var(--bb-color-earth-100);
		--bb-day-muted: var(--bb-color-earth-300);
		--bb-day-link: var(--bb-color-turquoise-300);
		--bb-day-line: var(--bb-color-earth-500);
		--bb-day-focus: var(--bb-color-ochre-300);
		--bb-day-action: var(--bb-color-earth-100);
		--bb-day-on-action: var(--bb-color-earth-950);
		--bb-day-accent: var(--bb-color-terra-400);
		--bb-day-on-accent: var(--bb-color-earth-975);
		--bb-day-submit: var(--bb-color-terra-400);
		--bb-day-on-submit: var(--bb-color-earth-975);
		--bb-day-marker: var(--bb-color-ochre-300);
		--bb-day-on-marker: var(--bb-color-earth-950);
		--bb-day-raised: var(--bb-color-earth-950);
		--bb-day-on-raised: var(--bb-color-earth-100);
		--bb-day-raised-muted: var(--bb-color-earth-300);
		--bb-day-chip: var(--bb-color-turquoise-400);
		--bb-day-on-chip: var(--bb-color-earth-975);
		--bb-day-caret: var(--bb-color-ochre-300);
		--bb-day-input: var(--bb-color-earth-950);
		--bb-day-on-input: var(--bb-color-earth-100);
		--bb-day-input-muted: var(--bb-color-earth-300);
		--bb-day-input-line: var(--bb-color-earth-500);
		--bb-day-orb: var(--bb-color-earth-950);
		--bb-day-series-1: var(--bb-color-terra-400);
		--bb-day-series-2: var(--bb-color-ochre-300);
		--bb-day-series-3: var(--bb-color-turquoise-300);
		--bb-day-track: var(--bb-color-earth-800);
		--bb-day-agent: var(--bb-color-turquoise-700);
		--bb-day-agent-2: var(--bb-color-sage-700);
		--bb-day-on-agent: var(--bb-color-earth-100);
		--bb-day-agent-wash: var(--bb-color-turquoise-950);
		--bb-day-agent-line: var(--bb-color-turquoise-400);
		--bb-day-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--bb-day-bg: var(--bb-color-earth-975);
	--bb-day-ink: var(--bb-color-earth-100);
	--bb-day-muted: var(--bb-color-earth-300);
	--bb-day-link: var(--bb-color-turquoise-300);
	--bb-day-line: var(--bb-color-earth-500);
	--bb-day-focus: var(--bb-color-ochre-300);
	--bb-day-action: var(--bb-color-earth-100);
	--bb-day-on-action: var(--bb-color-earth-950);
	--bb-day-accent: var(--bb-color-terra-400);
	--bb-day-on-accent: var(--bb-color-earth-975);
	--bb-day-submit: var(--bb-color-terra-400);
	--bb-day-on-submit: var(--bb-color-earth-975);
	--bb-day-marker: var(--bb-color-ochre-300);
	--bb-day-on-marker: var(--bb-color-earth-950);
	--bb-day-raised: var(--bb-color-earth-950);
	--bb-day-on-raised: var(--bb-color-earth-100);
	--bb-day-raised-muted: var(--bb-color-earth-300);
	--bb-day-chip: var(--bb-color-turquoise-400);
	--bb-day-on-chip: var(--bb-color-earth-975);
	--bb-day-caret: var(--bb-color-ochre-300);
	--bb-day-input: var(--bb-color-earth-950);
	--bb-day-on-input: var(--bb-color-earth-100);
	--bb-day-input-muted: var(--bb-color-earth-300);
	--bb-day-input-line: var(--bb-color-earth-500);
	--bb-day-orb: var(--bb-color-earth-950);
	--bb-day-series-1: var(--bb-color-terra-400);
	--bb-day-series-2: var(--bb-color-ochre-300);
	--bb-day-series-3: var(--bb-color-turquoise-300);
	--bb-day-track: var(--bb-color-earth-800);
	--bb-day-agent: var(--bb-color-turquoise-700);
	--bb-day-agent-2: var(--bb-color-sage-700);
	--bb-day-on-agent: var(--bb-color-earth-100);
	--bb-day-agent-wash: var(--bb-color-turquoise-950);
	--bb-day-agent-line: var(--bb-color-turquoise-400);
	--bb-day-scheme: dark;
}

.bb-field-bright {
	--bb-bg: var(--bb-bright-bg);
	--bb-ink: var(--bb-bright-ink);
	--bb-muted: var(--bb-bright-muted);
	--bb-link: var(--bb-bright-link);
	--bb-line: var(--bb-bright-line);
	--bb-focus: var(--bb-bright-focus);
	--bb-action: var(--bb-bright-action);
	--bb-on-action: var(--bb-bright-on-action);
	--bb-accent: var(--bb-bright-accent);
	--bb-on-accent: var(--bb-bright-on-accent);
	--bb-submit: var(--bb-bright-submit);
	--bb-on-submit: var(--bb-bright-on-submit);
	--bb-marker: var(--bb-bright-marker);
	--bb-on-marker: var(--bb-bright-on-marker);
	--bb-raised: var(--bb-bright-raised);
	--bb-on-raised: var(--bb-bright-on-raised);
	--bb-raised-muted: var(--bb-bright-raised-muted);
	--bb-chip: var(--bb-bright-chip);
	--bb-on-chip: var(--bb-bright-on-chip);
	--bb-caret: var(--bb-bright-caret);
	--bb-input: var(--bb-bright-input);
	--bb-on-input: var(--bb-bright-on-input);
	--bb-input-muted: var(--bb-bright-input-muted);
	--bb-input-line: var(--bb-bright-input-line);
	--bb-orb: var(--bb-bright-orb);
	--bb-series-1: var(--bb-bright-series-1);
	--bb-series-2: var(--bb-bright-series-2);
	--bb-series-3: var(--bb-bright-series-3);
	--bb-track: var(--bb-bright-track);
	--bb-agent: var(--bb-bright-agent);
	--bb-agent-2: var(--bb-bright-agent-2);
	--bb-on-agent: var(--bb-bright-on-agent);
	--bb-agent-wash: var(--bb-bright-agent-wash);
	--bb-agent-line: var(--bb-bright-agent-line);
	color-scheme: var(--bb-bright-scheme);
}

.bb-field-night {
	--bb-bg: var(--bb-night-bg);
	--bb-ink: var(--bb-night-ink);
	--bb-muted: var(--bb-night-muted);
	--bb-link: var(--bb-night-link);
	--bb-line: var(--bb-night-line);
	--bb-focus: var(--bb-night-focus);
	--bb-action: var(--bb-night-action);
	--bb-on-action: var(--bb-night-on-action);
	--bb-accent: var(--bb-night-accent);
	--bb-on-accent: var(--bb-night-on-accent);
	--bb-submit: var(--bb-night-submit);
	--bb-on-submit: var(--bb-night-on-submit);
	--bb-marker: var(--bb-night-marker);
	--bb-on-marker: var(--bb-night-on-marker);
	--bb-raised: var(--bb-night-raised);
	--bb-on-raised: var(--bb-night-on-raised);
	--bb-raised-muted: var(--bb-night-raised-muted);
	--bb-chip: var(--bb-night-chip);
	--bb-on-chip: var(--bb-night-on-chip);
	--bb-caret: var(--bb-night-caret);
	--bb-input: var(--bb-night-input);
	--bb-on-input: var(--bb-night-on-input);
	--bb-input-muted: var(--bb-night-input-muted);
	--bb-input-line: var(--bb-night-input-line);
	--bb-orb: var(--bb-night-orb);
	--bb-series-1: var(--bb-night-series-1);
	--bb-series-2: var(--bb-night-series-2);
	--bb-series-3: var(--bb-night-series-3);
	--bb-track: var(--bb-night-track);
	--bb-agent: var(--bb-night-agent);
	--bb-agent-2: var(--bb-night-agent-2);
	--bb-on-agent: var(--bb-night-on-agent);
	--bb-agent-wash: var(--bb-night-agent-wash);
	--bb-agent-line: var(--bb-night-agent-line);
	color-scheme: var(--bb-night-scheme);
}

.bb-field-day {
	--bb-bg: var(--bb-day-bg);
	--bb-ink: var(--bb-day-ink);
	--bb-muted: var(--bb-day-muted);
	--bb-link: var(--bb-day-link);
	--bb-line: var(--bb-day-line);
	--bb-focus: var(--bb-day-focus);
	--bb-action: var(--bb-day-action);
	--bb-on-action: var(--bb-day-on-action);
	--bb-accent: var(--bb-day-accent);
	--bb-on-accent: var(--bb-day-on-accent);
	--bb-submit: var(--bb-day-submit);
	--bb-on-submit: var(--bb-day-on-submit);
	--bb-marker: var(--bb-day-marker);
	--bb-on-marker: var(--bb-day-on-marker);
	--bb-raised: var(--bb-day-raised);
	--bb-on-raised: var(--bb-day-on-raised);
	--bb-raised-muted: var(--bb-day-raised-muted);
	--bb-chip: var(--bb-day-chip);
	--bb-on-chip: var(--bb-day-on-chip);
	--bb-caret: var(--bb-day-caret);
	--bb-input: var(--bb-day-input);
	--bb-on-input: var(--bb-day-on-input);
	--bb-input-muted: var(--bb-day-input-muted);
	--bb-input-line: var(--bb-day-input-line);
	--bb-orb: var(--bb-day-orb);
	--bb-series-1: var(--bb-day-series-1);
	--bb-series-2: var(--bb-day-series-2);
	--bb-series-3: var(--bb-day-series-3);
	--bb-track: var(--bb-day-track);
	--bb-agent: var(--bb-day-agent);
	--bb-agent-2: var(--bb-day-agent-2);
	--bb-on-agent: var(--bb-day-on-agent);
	--bb-agent-wash: var(--bb-day-agent-wash);
	--bb-agent-line: var(--bb-day-agent-line);
	color-scheme: var(--bb-day-scheme);
}