/* AuPair.click — generated from tokens.json */
/* Do not edit. Run: python scripts/build_design_tokens.py */
:root {
  /* color */
  --coral: #ed5a57;
  --coral-light: #f2807d;
  --coral-deep: #c43b3a;
  --coral-700: #9e2b2d;
  --coral-soft: #fbd0cb;
  --coral-300: #f7aba6;
  --blush: #fde9e5;
  --blush-border: #f7c9c3;
  --button-top: #ef6a63;
  --button-mid: #e5524f;
  --button-bottom: #d94643;
  --peach: #f4917a;
  --honey: #f5b84a;
  --navy: #162036;
  --navy-strong: #0b1222;
  --navy-light: #1e3871;
  --navy-mist: #e8edf6;
  --navy-mist-border: #c3cee3;
  --on-navy-muted: #d9dfea;
  --text: var(--navy);
  --text-body: #3a4258;
  --text-muted: #5b6275;
  --link: var(--accent);
  --link-hover: var(--accent-strong);
  --link-on-dark: var(--coral-light);
  --accent: var(--coral-deep);
  --accent-strong: var(--coral-700);
  --accent-soft: var(--blush);
  --accent-soft-border: var(--blush-border);
  --accent-muted: var(--coral-soft);
  --info: var(--navy-light);
  --info-soft: var(--navy-mist);
  --info-border: var(--navy-mist-border);
  --inverse: var(--navy);
  --inverse-strong: var(--navy-strong);
  --on-inverse: var(--on-color);
  --fg-disabled: #a89c99;
  --page: #f8f6f4;
  --card: #ffffff;
  --card-soft: #fcfaf9;
  --control-fill: #f4f1ef;
  --shell: #fff8f5;
  --hero-pattern: #f0d9d2;
  --on-color: #ffffff;
  --border-subtle: #efe9e6;
  --divider: #ebddd9;
  --divider-on-dark: rgba(255,255,255,0.14);
  --border: #e6dedb;
  --border-medium: #d4c8c4;
  --border-strong: #8a7d7a;
  --success: #1f7a4d;
  --success-soft: #e7f4ec;
  --success-border: #bfe0cc;
  --success-fill: var(--success);
  --warning: #8a5300;
  --warning-soft: #fdf2dc;
  --warning-border: #f0d7a6;
  --error: #b42318;
  --error-strong: #912018;
  --error-soft: #fdecea;
  --error-border: #f5c2bc;
  --error-border-strong: #e8a39b;
  --error-fill: var(--error);
  --focus-halo: rgba(237,90,87,0.25);
  --overlay: rgba(22,32,54,0.45);
  --chart-1: #2f55a8;
  --chart-2: var(--coral);
  --chart-3: #17998a;
  --chart-4: #c28400;
  --chart-5: #9262cf;
  --chart-6: #c9507f;
  --chart-seq-1: #a3b3d8;
  --chart-seq-2: #7a90bf;
  --chart-seq-3: #5370a6;
  --chart-seq-4: #345290;
  --chart-seq-5: var(--navy-light);
  --chart-seq-6: var(--navy-strong);
  --chart-empty: var(--card);
  --chart-context: var(--border-strong);
  --chart-grid: var(--border);
  /* spacing */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-24: 96px;
  --space-28: 112px;
  --gutter: 48px;
  --gutter-mobile: 16px;
  --container: 1280px;
  --section-header-max: 768px;
  /* radius */
  --radius-none: 0;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  /* shadow */
  --elevation-1: 0 1px 2px rgba(22,32,54,0.06);
  --elevation-1-strong: 0 1px 2px rgba(22,32,54,0.10);
  --elevation-2: 0 0 0 1px rgba(22,32,54,0.04), 0 1px 1px rgba(22,32,54,0.04), 0 3px 3px -1.5px rgba(22,32,54,0.04), 0 6px 6px -3px rgba(22,32,54,0.04), 0 12px 12px -6px rgba(22,32,54,0.04), 0 24px 24px -12px rgba(22,32,54,0.05);
  --elevation-3: 0 8px 24px rgba(22,32,54,0.10);
  --elevation-brand: 0 0 24px rgba(237,90,87,0.25);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #c43b3a, 0 0 0 8px rgba(237,90,87,0.25);
  --focus-field: 0 0 0 4px rgba(237,90,87,0.25);
  --focus-field-error: 0 0 0 4px #fdecea;
  --ring-card: 0 0 0 2px #ffffff;
  --ring-current: 0 0 0 4px #fde9e5;
  /* breakpoint */
  --bp-narrow: 480px;
  --bp-mobile: 960px;
  --bp-content: 1280px;
  /* motion */
  --duration-instant: 0ms;
  --duration-fast: 150ms;
  --duration-focus: 180ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --ease-standard: ease;
  --ease-entrance: ease-out;
  /* zIndex */
  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-toast: 400;
  --z-tooltip: 500;
  --z-skip: 1000;
  /* font families */
  --font-display: Bitter, Georgia, serif;
  --font-sans: Inter, system-ui, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  /* text styles: --type-<style>-size|-line|-weight|-tracking */
  --type-display-family: var(--font-display);
  --type-display-size: 64px;
  --type-display-line: 1;
  --type-display-weight: 800;
  --type-display-tracking: -0.01em;
  --type-h1-family: var(--font-display);
  --type-h1-size: 48px;
  --type-h1-line: 1.2;
  --type-h1-weight: 800;
  --type-h2-family: var(--font-display);
  --type-h2-size: 36px;
  --type-h2-line: 1.2;
  --type-h2-weight: 700;
  --type-h3-family: var(--font-display);
  --type-h3-size: 24px;
  --type-h3-line: 1.2;
  --type-h3-weight: 700;
  --type-h4-family: var(--font-sans);
  --type-h4-size: 18px;
  --type-h4-line: 1.3;
  --type-h4-weight: 600;
  --type-numeral-family: var(--font-display);
  --type-numeral-size: 44px;
  --type-numeral-line: 1;
  --type-numeral-weight: 800;
  --type-lead-family: var(--font-sans);
  --type-lead-size: 20px;
  --type-lead-line: 1.5;
  --type-lead-weight: 400;
  --type-body-family: var(--font-sans);
  --type-body-size: 16px;
  --type-body-line: 1.5;
  --type-body-weight: 400;
  --type-card-title-family: var(--font-sans);
  --type-card-title-size: 20px;
  --type-card-title-line: 1.2;
  --type-card-title-weight: 600;
  --type-small-family: var(--font-sans);
  --type-small-size: 14px;
  --type-small-line: 1.5;
  --type-small-weight: 500;
  --type-control-family: var(--font-sans);
  --type-control-size: 15px;
  --type-control-line: 1.4;
  --type-control-weight: 400;
  --type-button-family: var(--font-sans);
  --type-button-size: 15px;
  --type-button-line: 1;
  --type-button-weight: 600;
  --type-overline-family: var(--font-sans);
  --type-overline-size: 12px;
  --type-overline-line: 1.4;
  --type-overline-weight: 700;
  --type-overline-tracking: 0.12em;
  --type-nav-family: var(--font-sans);
  --type-nav-size: 15px;
  --type-nav-line: 1.2;
  --type-nav-weight: 500;
  --type-caption-family: var(--font-sans);
  --type-caption-size: 12px;
  --type-caption-line: 1.3;
  --type-caption-weight: 500;
  --type-display-mobile-family: var(--font-display);
  --type-display-mobile-size: 40px;
  --type-display-mobile-line: 1.2;
  --type-display-mobile-weight: 800;
  --type-display-mobile-tracking: -0.01em;
  --type-h1-mobile-family: var(--font-display);
  --type-h1-mobile-size: 32px;
  --type-h1-mobile-line: 1.2;
  --type-h1-mobile-weight: 800;
  --type-h2-mobile-family: var(--font-display);
  --type-h2-mobile-size: 26px;
  --type-h2-mobile-line: 1.2;
  --type-h2-mobile-weight: 700;
  --type-h3-mobile-family: var(--font-display);
  --type-h3-mobile-size: 20px;
  --type-h3-mobile-line: 1.2;
  --type-h3-mobile-weight: 700;
  --type-lead-mobile-family: var(--font-sans);
  --type-lead-mobile-size: 18px;
  --type-lead-mobile-line: 1.5;
  --type-lead-mobile-weight: 400;
}
/* Themes: data-theme on <html> (or on a part of the page) is light, dark or auto (follows
   the device). Without the attribute everything stays light. Print is always light. */
[data-theme="light"] {
  color-scheme: light;
  --text: var(--navy);
  --text-body: #3a4258;
  --text-muted: #5b6275;
  --link: var(--accent);
  --link-hover: var(--accent-strong);
  --accent: var(--coral-deep);
  --accent-strong: var(--coral-700);
  --accent-soft: var(--blush);
  --accent-soft-border: var(--blush-border);
  --accent-muted: var(--coral-soft);
  --info: var(--navy-light);
  --info-soft: var(--navy-mist);
  --info-border: var(--navy-mist-border);
  --inverse: var(--navy);
  --inverse-strong: var(--navy-strong);
  --on-inverse: var(--on-color);
  --fg-disabled: #a89c99;
  --page: #f8f6f4;
  --card: #ffffff;
  --card-soft: #fcfaf9;
  --control-fill: #f4f1ef;
  --shell: #fff8f5;
  --border-subtle: #efe9e6;
  --divider: #ebddd9;
  --border: #e6dedb;
  --border-medium: #d4c8c4;
  --border-strong: #8a7d7a;
  --success: #1f7a4d;
  --success-soft: #e7f4ec;
  --success-border: #bfe0cc;
  --success-fill: var(--success);
  --warning: #8a5300;
  --warning-soft: #fdf2dc;
  --warning-border: #f0d7a6;
  --error: #b42318;
  --error-soft: #fdecea;
  --error-border: #f5c2bc;
  --error-border-strong: #e8a39b;
  --error-fill: var(--error);
  --focus-halo: rgba(237,90,87,0.25);
  --overlay: rgba(22,32,54,0.45);
  --chart-1: #2f55a8;
  --chart-3: #17998a;
  --chart-4: #c28400;
  --chart-5: #9262cf;
  --chart-6: #c9507f;
  --chart-seq-1: #a3b3d8;
  --chart-seq-2: #7a90bf;
  --chart-seq-3: #5370a6;
  --chart-seq-4: #345290;
  --chart-seq-5: var(--navy-light);
  --chart-seq-6: var(--navy-strong);
  --chart-empty: var(--card);
  --chart-context: var(--border-strong);
  --chart-grid: var(--border);
  --elevation-1: 0 1px 2px rgba(22,32,54,0.06);
  --elevation-1-strong: 0 1px 2px rgba(22,32,54,0.10);
  --elevation-2: 0 0 0 1px rgba(22,32,54,0.04), 0 1px 1px rgba(22,32,54,0.04), 0 3px 3px -1.5px rgba(22,32,54,0.04), 0 6px 6px -3px rgba(22,32,54,0.04), 0 12px 12px -6px rgba(22,32,54,0.04), 0 24px 24px -12px rgba(22,32,54,0.05);
  --elevation-3: 0 8px 24px rgba(22,32,54,0.10);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #c43b3a, 0 0 0 8px rgba(237,90,87,0.25);
  --focus-field: 0 0 0 4px rgba(237,90,87,0.25);
  --focus-field-error: 0 0 0 4px #fdecea;
  --ring-card: 0 0 0 2px #ffffff;
  --ring-current: 0 0 0 4px #fde9e5;
}
[data-theme="dark"] {
  color-scheme: dark;
  --text: #f1f3f9;
  --text-body: #ced4e1;
  --text-muted: #a6aebe;
  --link: var(--accent);
  --link-hover: var(--accent-strong);
  --accent: #f78481;
  --accent-strong: #febab5;
  --accent-soft: #53252a;
  --accent-soft-border: #7a3338;
  --accent-muted: #733a39;
  --info: #aec7fc;
  --info-soft: #1f2f54;
  --info-border: #354976;
  --inverse: #e3e8f2;
  --inverse-strong: #ffffff;
  --on-inverse: var(--navy);
  --fg-disabled: #626978;
  --page: #0f1728;
  --card: #162036;
  --card-soft: #1c263d;
  --control-fill: #212c43;
  --shell: #121b2e;
  --border-subtle: #283146;
  --divider: #2b354a;
  --border: #333d52;
  --border-medium: #465064;
  --border-strong: #838c9f;
  --success: #6ed79c;
  --success-soft: #163827;
  --success-border: #255940;
  --success-fill: #1f7a4d;
  --warning: #f9ba5f;
  --warning-soft: #3e2d15;
  --warning-border: #664a1f;
  --error: #f98f87;
  --error-soft: #4a2323;
  --error-border: #7a3939;
  --error-border-strong: #d15c56;
  --error-fill: #b42318;
  --focus-halo: rgba(242,128,125,0.35);
  --overlay: rgba(3,7,16,0.66);
  --chart-1: #769cef;
  --chart-3: #2bbdaa;
  --chart-4: #e8ab3e;
  --chart-5: #b58eed;
  --chart-6: #ee79a2;
  --chart-seq-1: #34528a;
  --chart-seq-2: #4d6ca7;
  --chart-seq-3: #6789c5;
  --chart-seq-4: #83a6e5;
  --chart-seq-5: #a5c2f6;
  --chart-seq-6: #cadaf8;
  --chart-empty: var(--card);
  --chart-context: var(--border-strong);
  --chart-grid: var(--border);
  --elevation-1: 0 1px 2px rgba(0,0,0,0.32);
  --elevation-1-strong: 0 1px 2px rgba(0,0,0,0.45);
  --elevation-2: 0 0 0 1px rgba(0,0,0,0.24), 0 1px 1px rgba(0,0,0,0.16), 0 3px 3px -1.5px rgba(0,0,0,0.16), 0 6px 6px -3px rgba(0,0,0,0.16), 0 12px 12px -6px rgba(0,0,0,0.16), 0 24px 24px -12px rgba(0,0,0,0.2);
  --elevation-3: 0 8px 24px rgba(0,0,0,0.45);
  --focus-ring: 0 0 0 2px #162036, 0 0 0 4px #f78481, 0 0 0 8px rgba(242,128,125,0.35);
  --focus-field: 0 0 0 4px rgba(242,128,125,0.35);
  --focus-field-error: 0 0 0 4px #4a2323;
  --ring-card: 0 0 0 2px #162036;
  --ring-current: 0 0 0 4px #53252a;
}
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    color-scheme: dark;
    --text: #f1f3f9;
    --text-body: #ced4e1;
    --text-muted: #a6aebe;
    --link: var(--accent);
    --link-hover: var(--accent-strong);
    --accent: #f78481;
    --accent-strong: #febab5;
    --accent-soft: #53252a;
    --accent-soft-border: #7a3338;
    --accent-muted: #733a39;
    --info: #aec7fc;
    --info-soft: #1f2f54;
    --info-border: #354976;
    --inverse: #e3e8f2;
    --inverse-strong: #ffffff;
    --on-inverse: var(--navy);
    --fg-disabled: #626978;
    --page: #0f1728;
    --card: #162036;
    --card-soft: #1c263d;
    --control-fill: #212c43;
    --shell: #121b2e;
    --border-subtle: #283146;
    --divider: #2b354a;
    --border: #333d52;
    --border-medium: #465064;
    --border-strong: #838c9f;
    --success: #6ed79c;
    --success-soft: #163827;
    --success-border: #255940;
    --success-fill: #1f7a4d;
    --warning: #f9ba5f;
    --warning-soft: #3e2d15;
    --warning-border: #664a1f;
    --error: #f98f87;
    --error-soft: #4a2323;
    --error-border: #7a3939;
    --error-border-strong: #d15c56;
    --error-fill: #b42318;
    --focus-halo: rgba(242,128,125,0.35);
    --overlay: rgba(3,7,16,0.66);
    --chart-1: #769cef;
    --chart-3: #2bbdaa;
    --chart-4: #e8ab3e;
    --chart-5: #b58eed;
    --chart-6: #ee79a2;
    --chart-seq-1: #34528a;
    --chart-seq-2: #4d6ca7;
    --chart-seq-3: #6789c5;
    --chart-seq-4: #83a6e5;
    --chart-seq-5: #a5c2f6;
    --chart-seq-6: #cadaf8;
    --chart-empty: var(--card);
    --chart-context: var(--border-strong);
    --chart-grid: var(--border);
    --elevation-1: 0 1px 2px rgba(0,0,0,0.32);
    --elevation-1-strong: 0 1px 2px rgba(0,0,0,0.45);
    --elevation-2: 0 0 0 1px rgba(0,0,0,0.24), 0 1px 1px rgba(0,0,0,0.16), 0 3px 3px -1.5px rgba(0,0,0,0.16), 0 6px 6px -3px rgba(0,0,0,0.16), 0 12px 12px -6px rgba(0,0,0,0.16), 0 24px 24px -12px rgba(0,0,0,0.2);
    --elevation-3: 0 8px 24px rgba(0,0,0,0.45);
    --focus-ring: 0 0 0 2px #162036, 0 0 0 4px #f78481, 0 0 0 8px rgba(242,128,125,0.35);
    --focus-field: 0 0 0 4px rgba(242,128,125,0.35);
    --focus-field-error: 0 0 0 4px #4a2323;
    --ring-card: 0 0 0 2px #162036;
    --ring-current: 0 0 0 4px #53252a;
  }
}
@media print {
  [data-theme] {
    color-scheme: light;
    --text: var(--navy);
    --text-body: #3a4258;
    --text-muted: #5b6275;
    --link: var(--accent);
    --link-hover: var(--accent-strong);
    --accent: var(--coral-deep);
    --accent-strong: var(--coral-700);
    --accent-soft: var(--blush);
    --accent-soft-border: var(--blush-border);
    --accent-muted: var(--coral-soft);
    --info: var(--navy-light);
    --info-soft: var(--navy-mist);
    --info-border: var(--navy-mist-border);
    --inverse: var(--navy);
    --inverse-strong: var(--navy-strong);
    --on-inverse: var(--on-color);
    --fg-disabled: #a89c99;
    --page: #f8f6f4;
    --card: #ffffff;
    --card-soft: #fcfaf9;
    --control-fill: #f4f1ef;
    --shell: #fff8f5;
    --border-subtle: #efe9e6;
    --divider: #ebddd9;
    --border: #e6dedb;
    --border-medium: #d4c8c4;
    --border-strong: #8a7d7a;
    --success: #1f7a4d;
    --success-soft: #e7f4ec;
    --success-border: #bfe0cc;
    --success-fill: var(--success);
    --warning: #8a5300;
    --warning-soft: #fdf2dc;
    --warning-border: #f0d7a6;
    --error: #b42318;
    --error-soft: #fdecea;
    --error-border: #f5c2bc;
    --error-border-strong: #e8a39b;
    --error-fill: var(--error);
    --focus-halo: rgba(237,90,87,0.25);
    --overlay: rgba(22,32,54,0.45);
    --chart-1: #2f55a8;
    --chart-3: #17998a;
    --chart-4: #c28400;
    --chart-5: #9262cf;
    --chart-6: #c9507f;
    --chart-seq-1: #a3b3d8;
    --chart-seq-2: #7a90bf;
    --chart-seq-3: #5370a6;
    --chart-seq-4: #345290;
    --chart-seq-5: var(--navy-light);
    --chart-seq-6: var(--navy-strong);
    --chart-empty: var(--card);
    --chart-context: var(--border-strong);
    --chart-grid: var(--border);
    --elevation-1: 0 1px 2px rgba(22,32,54,0.06);
    --elevation-1-strong: 0 1px 2px rgba(22,32,54,0.10);
    --elevation-2: 0 0 0 1px rgba(22,32,54,0.04), 0 1px 1px rgba(22,32,54,0.04), 0 3px 3px -1.5px rgba(22,32,54,0.04), 0 6px 6px -3px rgba(22,32,54,0.04), 0 12px 12px -6px rgba(22,32,54,0.04), 0 24px 24px -12px rgba(22,32,54,0.05);
    --elevation-3: 0 8px 24px rgba(22,32,54,0.10);
    --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #c43b3a, 0 0 0 8px rgba(237,90,87,0.25);
    --focus-field: 0 0 0 4px rgba(237,90,87,0.25);
    --focus-field-error: 0 0 0 4px #fdecea;
    --ring-card: 0 0 0 2px #ffffff;
    --ring-current: 0 0 0 4px #fde9e5;
  }
}