/* GENERATED by design/tokens/build.mjs from tokens.json — do not edit by hand. */

@font-face {
  font-family: 'YCC Sans';
  src: url('./fonts/dejavu-sans-400-a7fed0603b02.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YCC Sans';
  src: url('./fonts/dejavu-sans-700-b5cc368a35ae.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --ycc-color-palette-white: #ffffff;
  --ycc-color-palette-navy-950: #0b234d;
  --ycc-color-palette-navy-900: #0f2e66;
  --ycc-color-palette-navy-800: #163e79;
  --ycc-color-palette-blue-800: #205596;
  --ycc-color-palette-blue-700: #1e4999;
  --ycc-color-palette-blue-500: #2d6cdf;
  --ycc-color-palette-blue-200: #b9d6ff;
  --ycc-color-palette-blue-50: #edf3ff;
  --ycc-color-palette-slate-700: #3c5577;
  --ycc-color-palette-slate-600: #536782;
  --ycc-color-palette-slate-500: #61718b;
  --ycc-color-palette-gray-400: #8995a2;
  --ycc-color-palette-gray-250: #dfe5ee;
  --ycc-color-palette-gray-200: #e6e9ef;
  --ycc-color-palette-gray-50: #f8fafc;
  --ycc-color-palette-gray-25: #fcfdff;
  --ycc-color-palette-navy-100: #d1daea;
  --ycc-color-palette-red-700: #b42318;
  --ycc-color-palette-red-50: #fef3f2;
  --ycc-color-palette-green-700: #1e6b45;
  --ycc-color-palette-green-50: #ecf7f1;
  --ycc-color-bg-canvas: var(--ycc-color-palette-gray-50);
  --ycc-color-bg-surface: var(--ycc-color-palette-white);
  --ycc-color-bg-surface-subtle: var(--ycc-color-palette-gray-25);
  --ycc-color-bg-muted: var(--ycc-color-palette-gray-50);
  --ycc-color-bg-tint: var(--ycc-color-palette-blue-50);
  --ycc-color-bg-inverse: var(--ycc-color-palette-navy-900);
  --ycc-color-bg-inverse-deep: var(--ycc-color-palette-navy-950);
  --ycc-color-bg-inverse-hover: #ffffff08;
  --ycc-color-bg-inverse-glass: #ffffff14;
  --ycc-color-bg-header: #ffffffed;
  --ycc-color-bg-hero-start: var(--ycc-color-palette-navy-950);
  --ycc-color-bg-hero-mid: var(--ycc-color-palette-navy-800);
  --ycc-color-bg-hero-end: var(--ycc-color-palette-blue-800);
  --ycc-color-bg-selection: #2d6cdf22;
  --ycc-color-bg-backdrop: #0f2e6666;
  --ycc-color-bg-decorative: #e6e9ef22;
  --ycc-color-text-primary: var(--ycc-color-palette-navy-900);
  --ycc-color-text-body: var(--ycc-color-palette-slate-700);
  --ycc-color-text-secondary: var(--ycc-color-palette-slate-500);
  --ycc-color-text-tertiary: var(--ycc-color-palette-slate-500);
  --ycc-color-text-label: var(--ycc-color-palette-slate-600);
  --ycc-color-text-brand: var(--ycc-color-palette-blue-700);
  --ycc-color-text-nav: var(--ycc-color-palette-slate-600);
  --ycc-color-text-placeholder: var(--ycc-color-palette-slate-500);
  --ycc-color-text-decorative: #8995a277;
  --ycc-color-text-on-inverse: var(--ycc-color-palette-white);
  --ycc-color-text-on-inverse-muted: var(--ycc-color-palette-navy-100);
  --ycc-color-text-on-inverse-emphasis: var(--ycc-color-palette-blue-200);
  --ycc-color-text-danger: var(--ycc-color-palette-red-700);
  --ycc-color-text-success: var(--ycc-color-palette-green-700);
  --ycc-color-border-default: var(--ycc-color-palette-gray-200);
  --ycc-color-border-card: var(--ycc-color-palette-gray-250);
  --ycc-color-border-control: var(--ycc-color-palette-gray-400);
  --ycc-color-border-upload: var(--ycc-color-palette-gray-400);
  --ycc-color-border-hover: #1e499966;
  --ycc-color-border-subtle-hover: #1e499944;
  --ycc-color-border-accent: var(--ycc-color-palette-blue-700);
  --ycc-color-border-inverse-divider: #ffffff24;
  --ycc-color-border-inverse-outline: #ffffff33;
  --ycc-color-border-danger: var(--ycc-color-palette-red-700);
  --ycc-color-border-icon-tile: #1e49991c;
  --ycc-color-action-primary-bg: var(--ycc-color-palette-navy-900);
  --ycc-color-action-primary-bg-hover: var(--ycc-color-palette-blue-700);
  --ycc-color-action-primary-text: var(--ycc-color-palette-white);
  --ycc-color-action-secondary-bg: var(--ycc-color-palette-white);
  --ycc-color-action-secondary-bg-hover: var(--ycc-color-palette-gray-50);
  --ycc-color-action-secondary-text: var(--ycc-color-palette-navy-900);
  --ycc-color-action-secondary-border: var(--ycc-color-palette-gray-200);
  --ycc-color-action-on-inverse-bg: var(--ycc-color-palette-white);
  --ycc-color-action-on-inverse-text: var(--ycc-color-palette-navy-900);
  --ycc-color-focus-ring: var(--ycc-color-palette-blue-500);
  --ycc-color-focus-ring-on-inverse: var(--ycc-color-palette-white);
  --ycc-color-accent-default: var(--ycc-color-palette-blue-500);
  --ycc-color-accent-fade: #2d6cdf33;
  --ycc-color-status-info-bg: var(--ycc-color-palette-blue-50);
  --ycc-color-status-info-text: var(--ycc-color-palette-blue-700);
  --ycc-color-status-info-border: #1e499922;
  --ycc-color-status-done-bg: var(--ycc-color-palette-blue-50);
  --ycc-color-status-done-text: var(--ycc-color-palette-navy-900);
  --ycc-color-status-done-border: #1e499944;
  --ycc-color-status-pending-bg: var(--ycc-color-palette-gray-50);
  --ycc-color-status-pending-text: var(--ycc-color-palette-slate-600);
  --ycc-color-status-pending-border: #8995a266;
  --ycc-color-status-danger-bg: var(--ycc-color-palette-red-50);
  --ycc-color-status-danger-text: var(--ycc-color-palette-red-700);
  --ycc-color-status-danger-border: #b4231833;
  --ycc-color-status-success-bg: var(--ycc-color-palette-green-50);
  --ycc-color-status-success-text: var(--ycc-color-palette-green-700);
  --ycc-font-family-sans: 'YCC Sans', Arial, sans-serif;
  --ycc-font-weight-regular: 400;
  --ycc-font-weight-bold: 700;
  --ycc-font-size-sm: 10px;
  --ycc-font-size-md: 11px;
  --ycc-font-size-base: 12px;
  --ycc-font-size-body: 13px;
  --ycc-font-size-lg: 14px;
  --ycc-font-size-lead: 15px;
  --ycc-font-size-xl: 16px;
  --ycc-font-size-3xl: 18px;
  --ycc-font-size-title-sm: 24px;
  --ycc-font-size-title-sm-compact: 22px;
  --ycc-font-size-display: 29px;
  --ycc-font-size-section: 35px;
  --ycc-font-size-section-compact: 30px;
  --ycc-font-size-hero: clamp(34px, 3.75vw, 56px);
  --ycc-font-size-hero-talent: clamp(40px, 4.7vw, 66px);
  --ycc-font-size-hero-talent-compact: 43px;
  --ycc-font-line-height-hero: 1.12;
  --ycc-font-line-height-tight: 1.15;
  --ycc-font-line-height-section: 1.22;
  --ycc-font-line-height-heading: 1.23;
  --ycc-font-line-height-snug: 1.4;
  --ycc-font-line-height-control: 1.5;
  --ycc-font-line-height-normal: 1.65;
  --ycc-font-line-height-relaxed: 1.85;
  --ycc-font-line-height-loose: 1.9;
  --ycc-font-line-height-prose: 1.95;
  --ycc-font-letter-spacing-hero: -2px;
  --ycc-font-letter-spacing-section: -1.3px;
  --ycc-font-letter-spacing-display: -0.9px;
  --ycc-font-letter-spacing-heading: -0.5px;
  --ycc-font-letter-spacing-subtle: -0.3px;
  --ycc-font-letter-spacing-none: 0px;
  --ycc-font-letter-spacing-eyebrow: 2px;
  --ycc-space-1: 4px;
  --ycc-space-2: 8px;
  --ycc-space-3: 12px;
  --ycc-space-4: 16px;
  --ycc-space-5: 20px;
  --ycc-space-6: 24px;
  --ycc-space-7: 28px;
  --ycc-space-8: 32px;
  --ycc-space-9: 36px;
  --ycc-space-10: 40px;
  --ycc-space-12: 48px;
  --ycc-space-16: 64px;
  --ycc-space-18: 72px;
  --ycc-space-1-5: 6px;
  --ycc-space-2-5: 10px;
  --ycc-space-3-5: 14px;
  --ycc-space-4-5: 18px;
  --ycc-space-5-5: 22px;
  --ycc-space-6-5: 26px;
  --ycc-radius-sm: 6px;
  --ycc-radius-md: 8px;
  --ycc-radius-lg: 9px;
  --ycc-radius-xl: 11px;
  --ycc-radius-2xl: 13px;
  --ycc-radius-3xl: 15px;
  --ycc-radius-modal: 18px;
  --ycc-radius-feature: 22px;
  --ycc-radius-full: 9999px;
  --ycc-shadow-card: 0px 3px 16px 0px #0f2e6609, 0px 1px 2px 0px #0f2e6606;
  --ycc-shadow-card-hover: 0px 8px 22px 0px #0f2e6609;
  --ycc-shadow-service-hover: 0px 12px 26px 0px #0f2e660a;
  --ycc-shadow-feature: 0px 18px 48px 0px #0f2e660b;
  --ycc-shadow-control: 0px 1px 3px 0px #0f2e6603;
  --ycc-shadow-button-primary: 0px 4px 9px 0px #0f2e660e;
  --ycc-shadow-button-primary-hover: 0px 5px 12px 0px #1e499919;
  --ycc-shadow-icon-tile: 0px 6px 14px 0px #0f2e6612;
  --ycc-shadow-toast: 0px 10px 28px 0px #0f2e661f;
  --ycc-shadow-modal: 0px 28px 85px 0px #0f2e662b;
  --ycc-border-width-hairline: 1px;
  --ycc-border-width-accent: 2px;
  --ycc-focus-width: 3px;
  --ycc-focus-offset: 3px;
  --ycc-motion-duration-fast: 150ms;
  --ycc-motion-duration-base: 180ms;
  --ycc-motion-duration-slow: 200ms;
  --ycc-motion-duration-band: 48s;
  --ycc-motion-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ycc-motion-easing-linear: cubic-bezier(0, 0, 1, 1);
  --ycc-motion-distance-lift: -2px;
  --ycc-motion-distance-press: 1px;
  --ycc-motion-distance-enter: 3px;
  --ycc-size-icon-viewbox: 24px;
  --ycc-size-icon-inline: 20px;
  --ycc-size-icon-glyph: 31px;
  --ycc-size-icon-glyph-service: 32px;
  --ycc-size-icon-tile: 55px;
  --ycc-size-icon-tile-service: 60px;
  --ycc-size-step-badge: 35px;
  --ycc-size-control-height: 45px;
  --ycc-size-button-height: 45px;
  --ycc-size-button-height-sm: 38px;
  --ycc-size-touch-target: 44px;
  --ycc-size-textarea-min-height: 115px;
  --ycc-size-close-button: 34px;
  --ycc-size-logo-width: 205px;
  --ycc-size-logo-width-compact: 182px;
  --ycc-size-modal-width: 850px;
  --ycc-size-service-card-min-height: 266px;
  --ycc-size-staff-portrait: 245px;
  --ycc-icon-stroke-width: 1.6;
  --ycc-layout-wrap-max: 1250px;
  --ycc-layout-gutter: 48px;
  --ycc-layout-gutter-md: 30px;
  --ycc-layout-gutter-sm: 18px;
  --ycc-layout-section-y: 84px;
  --ycc-layout-section-y-sm: 55px;
  --ycc-layout-hero-top: 86px;
  --ycc-layout-hero-bottom: 66px;
  --ycc-layout-scroll-margin: 110px;
  --ycc-layout-backdrop-blur: 15px;
  --ycc-breakpoint-xs: 400px;
  --ycc-breakpoint-sm: 580px;
  --ycc-breakpoint-md: 780px;
  --ycc-breakpoint-lg: 1000px;
  --ycc-breakpoint-xl: 1200px;
  --ycc-breakpoint-wide: 1600px;
  --ycc-z-header: 10;
  --ycc-z-toast: 20;
}