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

@font-face {
  font-family: 'YCC Sans';
  src: url('../assets/fonts/dejavu-sans-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YCC Sans';
  src: url('../assets/fonts/dejavu-sans-700.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-900: #0f2e66;
  --ycc-color-palette-blue-700: #1e4999;
  --ycc-color-palette-blue-500: #2d6cdf;
  --ycc-color-palette-blue-50: #edf3ff;
  --ycc-color-palette-slate-600: #536782;
  --ycc-color-palette-slate-500: #61718b;
  --ycc-color-palette-slate-450: #5d708a;
  --ycc-color-palette-slate-400: #758298;
  --ycc-color-palette-gray-400: #8995a2;
  --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-hover: #ffffff08;
  --ycc-color-bg-row-hover: var(--ycc-color-palette-gray-50);
  --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-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-450);
  --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-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-control: 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-danger: var(--ycc-color-palette-red-700);
  --ycc-color-border-icon-tile: #1e49991c;
  --ycc-color-border-decorative: #1e499913;
  --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-focus-ring: var(--ycc-color-palette-blue-500);
  --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-neutral-bg: var(--ycc-color-palette-gray-200);
  --ycc-color-status-neutral-text: var(--ycc-color-palette-slate-600);
  --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-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-xl: 16px;
  --ycc-font-size-2xl: 17px;
  --ycc-font-size-3xl: 18px;
  --ycc-font-size-display-sm: 26px;
  --ycc-font-size-display: 29px;
  --ycc-font-size-display-lg: 30px;
  --ycc-font-size-metric: 36px;
  --ycc-font-line-height-tight: 1.15;
  --ycc-font-line-height-heading: 1.23;
  --ycc-font-line-height-display: 1.28;
  --ycc-font-line-height-snug: 1.4;
  --ycc-font-line-height-normal: 1.65;
  --ycc-font-line-height-relaxed: 1.85;
  --ycc-font-line-height-loose: 1.9;
  --ycc-font-letter-spacing-metric: -1.2px;
  --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-table-header: 0.75px;
  --ycc-font-letter-spacing-eyebrow: 1.5px;
  --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-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-xs: 5px;
  --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-4xl: 16px;
  --ycc-radius-modal: 18px;
  --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-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-nav-active: 0px 5px 12px 0px #0f2e6610;
  --ycc-shadow-icon-tile: 0px 6px 14px 0px #0f2e6612;
  --ycc-shadow-hero: 0px 7px 22px 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-border-width-nav-marker: 3px;
  --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-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ycc-motion-distance-lift: -2px;
  --ycc-motion-distance-press: 1px;
  --ycc-motion-distance-enter: 3px;
  --ycc-size-icon-viewbox: 24px;
  --ycc-size-icon-nav: 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-control-height: 40px;
  --ycc-size-filter-control-min-width: 150px;
  --ycc-size-button-height: 38px;
  --ycc-size-button-height-sm: 33px;
  --ycc-size-tab-height: 37px;
  --ycc-size-nav-item-height: 43px;
  --ycc-size-close-button: 34px;
  --ycc-size-sidebar-width: 242px;
  --ycc-size-sidebar-width-compact: 210px;
  --ycc-size-header-height: 77px;
  --ycc-size-main-max-width: 1680px;
  --ycc-size-logo-width: 205px;
  --ycc-size-logo-width-compact: 182px;
  --ycc-size-modal-width: 800px;
  --ycc-size-card-min-height: 139px;
  --ycc-size-service-card-min-height: 290px;
  --ycc-size-calendar-day-min-height: 102px;
  --ycc-icon-stroke-width: 1.6;
  --ycc-icon-stroke-width-nav: 1.65;
  --ycc-breakpoint-xs: 390px;
  --ycc-breakpoint-sm: 780px;
  --ycc-breakpoint-md: 900px;
  --ycc-breakpoint-lg: 1050px;
  --ycc-breakpoint-xl: 1150px;
  --ycc-breakpoint-wide: 1750px;
  --ycc-z-sidebar: 10;
  --ycc-z-header: 10;
  --ycc-z-toast: 20;
  --ycc-layout-reference-negative-70: -70px;
  --ycc-layout-reference-negative-45: -45px;
  --ycc-layout-reference-negative-1: -1px;
  --ycc-layout-reference-1: 1px;
  --ycc-layout-reference-2: 2px;
  --ycc-layout-reference-3: 3px;
  --ycc-layout-reference-5: 5px;
  --ycc-layout-reference-7: 7px;
  --ycc-layout-reference-9: 9px;
  --ycc-layout-reference-10: 10px;
  --ycc-layout-reference-11: 11px;
  --ycc-layout-reference-13: 13px;
  --ycc-layout-reference-14: 14px;
  --ycc-layout-reference-15: 15px;
  --ycc-layout-reference-17: 17px;
  --ycc-layout-reference-19: 19px;
  --ycc-layout-reference-21: 21px;
  --ycc-layout-reference-23: 23px;
  --ycc-layout-reference-24: 24px;
  --ycc-layout-reference-25: 25px;
  --ycc-layout-reference-27: 27px;
  --ycc-layout-reference-28: 28px;
  --ycc-layout-reference-29: 29px;
  --ycc-layout-reference-30: 30px;
  --ycc-layout-reference-35: 35px;
  --ycc-layout-reference-38: 38px;
  --ycc-layout-reference-41: 41px;
  --ycc-layout-reference-72: 72px;
  --ycc-layout-reference-110: 110px;
  --ycc-layout-reference-132: 132px;
  --ycc-layout-reference-150: 150px;
  --ycc-layout-reference-190: 190px;
  --ycc-layout-reference-195: 195px;
  --ycc-layout-reference-390: 390px;
  --ycc-layout-reference-420: 420px;
  --ycc-layout-reference-780: 780px;
  --ycc-layout-reference-900: 900px;
  --ycc-layout-reference-1050: 1050px;
  --ycc-layout-reference-1150: 1150px;
  --ycc-layout-reference-1750: 1750px;
  --ycc-layout-auth-width: 460px;
  --ycc-layout-content-gap: 21px;
  --ycc-layout-auth-padding: 36px;
  --ycc-layout-touch-target: 44px;
  --ycc-layout-detail-max: 1040px;
  --ycc-layout-calendar-sidebar: 280px;
  --ycc-layout-table-min-width: 680px;
  --ycc-layout-meeting-table-min-width: 420px;
  --ycc-layout-meeting-detail-min-width: 320px;
  --ycc-layout-meeting-title-column: 40%;
  --ycc-layout-tax-table-min-width: 420px;
  --ycc-layout-tax-detail-min-width: 320px;
  --ycc-layout-tax-title-column: 40%;
  --ycc-layout-audit-columns: minmax(0, 2fr) minmax(0, 1fr);
  --ycc-layout-audit-table-min-width: 600px;
}