/* Consultants of Swing design tokens. GENERATED from tokens.json: do not edit by hand.
   Stage (dark) is the default theme; set data-theme="light" on <html> (or any container) for the light theme. */

:root,
[data-theme="stage"] {
  --ground: #000000;
  --surface-raised: #191818;
  --surface-overlay: #262523;
  --ink: #dee2e6;
  --ink-strong: #ffffff;
  --ink-muted: #9a9696;
  --line: #343a40;
  --line-strong: #6c757d;
  --rose: #d19886;
  --rose-link: #c37961;
  --rose-hover: #dfb7ab;
  --rose-soft: #dfb7ab;
  --on-rose: #191818;
  --rose-tint: #1a1411;
  --rose-tint-line: #3a2a24;
  --chrome: #000000;
  --on-chrome: #ffffff;
  --chrome-muted: #9a9696;
  --hero-veil: #44443d;
  --deco-disc: #262523;
  --deco-line: #888785;
  --focus: #d19886;
  --success: #7cc5a0;
  --warning: #f2c46d;
  --danger: #ff8a7a;
  --info: #8fb8e8;
  --favourite: #f2b53a;
  --ae-orange: #ff8c00;
  --shadow-header: 0 1px 15px rgba(50, 50, 93, 0.2);
  --shadow-panel: 0 1px 18px rgba(0, 0, 0, 0.2);
  --shadow-float: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

[data-theme="light"] {
  --ground: #ffffff;
  --surface-raised: #f4f5fb;
  --surface-overlay: #ffffff;
  --ink: #333333;
  --ink-strong: #191818;
  --ink-muted: #666666;
  --line: #dcdcdc;
  --line-strong: #6c757d;
  --rose: #d19886;
  --rose-link: #98584a;
  --rose-hover: #8f5443;
  --rose-soft: #dfb7ab;
  --on-rose: #191818;
  --rose-tint: #fbf1ed;
  --rose-tint-line: #e3c3b8;
  --chrome: #000000;
  --on-chrome: #ffffff;
  --chrome-muted: #9a9696;
  --hero-veil: #44443d;
  --deco-disc: #262523;
  --deco-line: #888785;
  --focus: #98584a;
  --success: #1f6f4a;
  --warning: #8a5a00;
  --danger: #b3261e;
  --info: #2c5d9e;
  --favourite: #9a6200;
  --ae-orange: #ff8c00;
}

:root {
  --space-0: 0;
  --space-half: 5px;
  --space-1: 10px;
  --space-2: 20px;
  --space-3: 30px;
  --space-4: 40px;
  --space-5: 50px;
  --space-6: 60px;
  --space-8: 80px;
  --space-10: 100px;
  --space-14: 140px;
  --space-15: 150px;
  --radius-none: 0;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-image: 10%;
  --radius-round: 100%;
  --header-height: 60px;
  --footer-height: 80px;
  --hero-height: 400px;
  --hero-height-set: 600px;
  --logo-width: 120px;
  --avatar-size: 150px;
  --gutter: 20px;
  --container-max: 1140px;
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 992px;
  --bp-xl: 1300px;
  --font-body: "Helvetica Neue", "Open Sans", Arial, sans-serif;
  --font-heading: Lato, "Helvetica Neue", Arial, sans-serif;
}

/* Type styles as utility classes (.t-<style>). */
.t-hero-title { font-family: var(--font-body); font-size: 64px; line-height: 1.2; font-weight: 800; }
.t-hero-lead { font-family: var(--font-body); font-size: 25.6px; line-height: 1.3; font-weight: 400; }
.t-hero-eyebrow { font-family: var(--font-body); font-size: 14.4px; line-height: 1.6; font-weight: 400; }
.t-intro-title { font-family: var(--font-heading); font-size: 48px; line-height: 1.2; font-weight: 400; }
.t-heading-1 { font-family: var(--font-body); font-size: 36px; line-height: 1.2; font-weight: 800; }
.t-heading-2 { font-family: var(--font-body); font-size: 28.8px; line-height: 1.2; font-weight: 800; }
.t-heading-3 { font-family: var(--font-body); font-size: 25.2px; line-height: 1.2; font-weight: 800; }
.t-heading-4 { font-family: var(--font-body); font-size: 21.6px; line-height: 1.2; font-weight: 800; }
.t-heading-5 { font-family: var(--font-body); font-size: 18px; line-height: 1.2; font-weight: 800; }
.t-body { font-family: var(--font-body); font-size: 14.4px; line-height: 1.6; font-weight: 400; }
.t-lead { font-family: var(--font-body); font-size: 22.4px; line-height: 1.4; font-weight: 300; }
.t-small { font-family: var(--font-body); font-size: 12.6px; line-height: 1.6; font-weight: 400; }
.t-eyebrow { font-family: var(--font-body); font-size: 12.6px; line-height: 1.4; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.t-label-button { font-family: var(--font-body); font-size: 15px; line-height: 1.6; font-weight: 600; letter-spacing: 0.025em; }
.t-label-nav { font-family: var(--font-body); font-size: 14.4px; line-height: 1.6; font-weight: 400; }
.t-nav-mobile { font-family: var(--font-heading); font-size: 32px; line-height: 1.5; font-weight: 400; }
.t-footer-title { font-family: var(--font-heading); font-size: 20.8px; line-height: 1.2; font-weight: 400; }
.t-footer-link { font-family: var(--font-body); font-size: 14.4px; line-height: 1.8; font-weight: 300; }