/* Generated from design/tokens.json by tools/design.py. Do not edit: change the tokens and run `make tokens`. */
:root {
	color-scheme: light;
	/* Brand */
	--navy: #202030;
	--orange: #F89818;
	--orange-deep: #E07F00;
	--orange-hover: #FFA92E;
	--teal: #10B0C0;
	--teal-deep: #0A8F9C;
	--plum: #A05898;
	/* Text */
	--ink: #202030;
	--ink-prose: #2A2D3A;
	--ink-lede: #3E4252;
	--ink-soft: #464A5A;
	--muted: #5C5F70;
	--danger: #B42318;
	/* Surfaces */
	--ground: #FFFFFF;
	--white: #FFFFFF;
	--soft: #F5F6F8;
	--line: #E6E7EC;
	--line-strong: #C9CCD6;
	--orange-tint: #FFF3E1;
	--teal-tint: #E3F6F8;
	--plum-tint: #F6ECF5;
	--green-tint: #E8F5E3;
	/* On dark */
	--on-dark: #DADBE4;
	--on-dark-soft: #C9CCD6;
	--on-dark-muted: #A9ABBA;
	/* Hero fades */
	--fade-teal-1: #DDF3F5;
	--fade-teal-hero: #EFF9FA;
	--fade-teal-2: #F1FAFB;
	--fade-orange-1: #FFE9C8;
	--fade-orange-2: #FFF6E9;
	--fade-plum-1: #F1DDEE;
	--fade-plum-2: #F9F0F8;
	/* Components */
	--notice-bg: #FFF4D6;
	--notice-line: #F3D48A;
	--notice-ink: #6B5520;
	--before-bg: #FDEBDB;
	--before-ink: #8A4B12;
	--after-bg: #DDF2DF;
	--after-ink: #22612B;
	--player: #111111;
	--review-bg: #0F0F18;
	--review-surface: #1E1E2C;
	--review-line: #3A3A4E;
	/* Old pages */
	--neve-c2: #BE574B;
	/* Third-party logos */
	--brand-facebook: #0866FF;
	--brand-telegram: #26A5E4;
	--brand-whatsapp: #25D366;
	--brand-youtube: #FF0000;
	--brand-instagram-1: #FED576;
	--brand-instagram-2: #F47133;
	--brand-instagram-3: #BC3081;
	--brand-instagram-4: #4C63D2;
	/* Type */
	--display: "Nunito", "Avenir Next Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;
	--body: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	/* Shape and layout */
	--radius-s: 12px;
	--radius-m: 20px;
	--radius-l: 28px;
	--shadow: 0 30px 60px -32px rgba(32, 32, 48, .45);
	--band-pad: clamp(56px, 8vw, 104px);
	--avaz-header-offset: 110px;
}