/* Generated from Figma file rUmZ6MgCzpdNXbEwXHKTIM on 2026-06-19. */ :root { --figma-font-weight-semibold: Semibold; --figma-font-weight-medium: Medium; --figma-font-weight-regular: Regular; --figma-font-family-heading: SF Pro; --figma-font-family-body: SF Pro; --figma-font-family-caption: SF Pro; --figma-font-family-input-body: SF Pro; --figma-scale-100: 4; --figma-scale-0: 0; --figma-scale-200: 8; --figma-scale-300: 12; --figma-scale-50: 2; --figma-scale-10: 0.5; --figma-scale-400: 16; --figma-scale-500: 24; --figma-scale-600: 32; --figma-scale-1100: 72; --figma-scale-1000: 64; --figma-scale-900: 56; --figma-scale-800: 48; --figma-scale-700: 40; --figma-scale-1200: 80; --figma-scale-1400: 96; --figma-scale-1300: 88; --figma-scale-1500: 104; --figma-scale-20: 1; --figma-brand-primitive-color-green-5: #9ccd94; --figma-brand-primitive-color-green-4: #badcb6; --figma-brand-primitive-color-green-2: #eef6ed; --figma-brand-primitive-color-green-3: #d9ebd7; --figma-brand-primitive-color-green-1: #f7fcf7; --figma-brand-primitive-color-yellow-1: #fbfaf4; --figma-brand-primitive-color-yellow-5: #d1be71; --figma-brand-primitive-color-yellow-4: #ddd2a0; --figma-brand-primitive-color-yellow-3: #eae5cc; --figma-brand-primitive-color-yellow-2: #f6f4e8; --figma-brand-primitive-color-red-5: #ffa09a; --figma-brand-primitive-color-red-4: #ffbeb9; --figma-brand-primitive-color-red-3: #ffdbd8; --figma-brand-primitive-color-red-2: #ffefed; --figma-brand-primitive-color-red-1: #fff8f7; --figma-brand-primitive-color-gray-1: #fafafa; --figma-brand-primitive-color-gray-4: #cfd1d4; --figma-brand-primitive-color-gray-5: #bbbec3; --figma-brand-primitive-color-gray-7: #8b8f97; --figma-brand-primitive-color-gray-6: #a4a8ae; --figma-brand-primitive-color-green-6: #79bc6a; --figma-brand-primitive-color-green-7: #51a63c; --figma-brand-primitive-color-green-8: #2c9600; --figma-brand-primitive-color-green-9: #238900; --figma-brand-primitive-color-gray-8: #787e86; --figma-brand-primitive-color-gray-9: #6d727a; --figma-brand-primitive-color-gray-10: #5c6168; --figma-brand-primitive-color-gray-11: #4c5056; --figma-brand-primitive-color-yellow-6: #c3a625; --figma-brand-primitive-color-yellow-7: #b18b00; --figma-brand-primitive-color-yellow-8: #a37700; --figma-brand-primitive-color-yellow-9: #956b00; --figma-brand-primitive-color-red-6: #fc7a76; --figma-brand-primitive-color-red-7: #f14d51; --figma-brand-primitive-color-red-8: #e61733; --figma-brand-primitive-color-red-9: #d4062d; --figma-brand-primitive-color-blue-1: #f7faff; --figma-brand-primitive-color-blue-2: #eef4fd; --figma-brand-primitive-color-blue-3: #d8e6f9; --figma-brand-primitive-color-blue-4: #b9d3f8; --figma-brand-primitive-color-blue-5: #98c0f7; --figma-brand-primitive-color-blue-6: #6faaf5; --figma-brand-primitive-color-blue-7: #4590ec; --figma-brand-primitive-color-blue-8: #1c7ce5; --figma-brand-primitive-color-blue-9: #1170d3; --figma-brand-primitive-color-gray-3: #e4e4e6; --figma-brand-primitive-color-gray-2: #f3f3f4; --figma-brand-primitive-color-green-10: #257400; --figma-brand-primitive-color-green-11: #235f00; --figma-brand-primitive-color-green-12: #153107; --figma-brand-primitive-color-yellow-11: #6a4a00; --figma-brand-primitive-color-yellow-10: #805a00; --figma-brand-primitive-color-yellow-12: #372600; --figma-brand-primitive-color-gray-12: #27292c; --figma-brand-primitive-color-red-12: #4c1014; --figma-brand-primitive-color-red-11: #941424; --figma-brand-primitive-color-red-10: #b31029; --figma-brand-primitive-color-blue-11: #0a5092; --figma-brand-primitive-color-blue-10: #0c60b2; --figma-brand-primitive-color-blue-12: #0a2a4a; --figma-brand-primitive-color-purple-1: #fbf9ff; --figma-brand-primitive-color-purple-2: #f4f1fe; --figma-brand-primitive-color-purple-3: #e6e0fb; --figma-brand-primitive-color-purple-4: #d4c8fb; --figma-brand-primitive-color-purple-5: #c3affd; --figma-brand-primitive-color-purple-6: #af92fd; --figma-brand-primitive-color-purple-7: #9a70f5; --figma-brand-primitive-color-purple-8: #8b55ef; --figma-brand-primitive-color-purple-9: #7f4add; --figma-brand-primitive-color-purple-10: #6b40bb; --figma-brand-primitive-color-purple-11: #57379a; --figma-brand-primitive-color-purple-12: #2c1d4f; --figma-brand-primitive-color-neutral-1: #ffffff; --figma-brand-primitive-color-neutral-2: #f7f9fc; --figma-brand-primitive-color-neutral-3: #f0f3f7; --figma-brand-primitive-color-neutral-4: #e4e8ef; --figma-brand-primitive-color-neutral-5: #d7dde5; --figma-brand-primitive-color-neutral-6: #c7ced8; --figma-brand-primitive-color-neutral-7: #b0b8c4; --figma-brand-primitive-color-neutral-8: #8a93a0; --figma-brand-primitive-color-neutral-9: #757e8c; --figma-brand-primitive-color-neutral-10: #58616f; --figma-brand-primitive-color-neutral-11: #47505e; --figma-brand-primitive-color-neutral-12: #161d29; --figma-alias-primary-02: #ffefed; --figma-alias-primary-01: #fff8f7; --figma-alias-primary-04: #ffbeb9; --figma-alias-primary-05: #ffa09a; --figma-alias-danger-01: #fff8f7; --figma-alias-success-08: #2c9600; --figma-alias-neutral-03: #e4e4e6; --figma-alias-disabled-01: #ffffff; --figma-alias-neutral-05: #bbbec3; --figma-alias-neutral-06: #a4a8ae; --figma-alias-neutral-07: #8b8f97; --figma-alias-neutral-08: #787e86; --figma-alias-warning-01: #fbfaf4; --figma-alias-info-01: #f7faff; --figma-alias-neutral-01: #ffffff; --figma-alias-success-06: #79bc6a; --figma-alias-success-09: #238900; --figma-alias-success-07: #51a63c; --figma-alias-success-10: #257400; --figma-alias-border-stroke-none: 0; --figma-alias-border-radius-none: 0; --figma-alias-border-stroke-sm: 0.5; --figma-alias-border-stroke-md: 1; --figma-alias-border-stroke-lg: 2; --figma-alias-border-radius-sm: 4; --figma-alias-border-radius-md: 8; --figma-alias-border-radius-lg: 12; --figma-alias-neutral-04: #cfd1d4; --figma-alias-neutral-02: #f3f3f4; --figma-alias-primary-08: #e61733; --figma-alias-primary-03: #ffdbd8; --figma-alias-primary-09: #d4062d; --figma-alias-primary-10: #b31029; --figma-alias-primary-11: #941424; --figma-alias-primary-06: #fc7a76; --figma-alias-primary-07: #f14d51; --figma-alias-danger-12: #4c1014; --figma-alias-primary-12: #4c1014; --figma-alias-success-01: #f7fcf7; --figma-alias-success-02: #eef6ed; --figma-alias-success-03: #d9ebd7; --figma-alias-success-04: #badcb6; --figma-alias-success-05: #9ccd94; --figma-alias-success-11: #235f00; --figma-alias-success-12: #153107; --figma-alias-danger-02: #ffefed; --figma-alias-danger-11: #941424; --figma-alias-danger-03: #ffdbd8; --figma-alias-danger-10: #b31029; --figma-alias-danger-09: #d4062d; --figma-alias-danger-08: #e61733; --figma-alias-danger-07: #f14d51; --figma-alias-danger-06: #fc7a76; --figma-alias-danger-05: #ffa09a; --figma-alias-danger-04: #ffbeb9; --figma-alias-neutral-09: #6d727a; --figma-alias-neutral-10: #5c6168; --figma-alias-neutral-11: #4c5056; --figma-alias-neutral-12: #27292c; --figma-alias-warning-05: #d1be71; --figma-alias-warning-02: #f6f4e8; --figma-alias-warning-03: #eae5cc; --figma-alias-warning-04: #ddd2a0; --figma-alias-warning-06: #c3a625; --figma-alias-warning-07: #b18b00; --figma-alias-warning-08: #a37700; --figma-alias-warning-10: #805a00; --figma-alias-warning-11: #6a4a00; --figma-alias-warning-12: #372600; --figma-alias-info-02: #eef4fd; --figma-alias-info-03: #d8e6f9; --figma-alias-info-04: #b9d3f8; --figma-alias-info-05: #98c0f7; --figma-alias-info-06: #6faaf5; --figma-alias-info-07: #4590ec; --figma-alias-info-08: #1c7ce5; --figma-alias-info-09: #1170d3; --figma-alias-info-10: #0c60b2; --figma-alias-info-11: #0a5092; --figma-alias-info-12: #0a2a4a; --figma-alias-warning-09: #956b00; --figma-alias-white: #ffffff; --figma-alias-disabled-02: #f7f9fc; --figma-alias-disabled-03: #f0f3f7; --figma-alias-disabled-04: #e4e8ef; --figma-alias-disabled-10: #58616f; --figma-alias-disabled-05: #d7dde5; --figma-alias-disabled-06: #c7ced8; --figma-alias-disabled-07: #b0b8c4; --figma-alias-disabled-09: #757e8c; --figma-alias-disabled-08: #8a93a0; --figma-alias-border-radius-full: 999; --figma-mapped-text-heading: #27292c; --figma-mapped-text-secondary: #a4a8ae; --figma-mapped-text-action-secondary-hover: #b31029; --figma-mapped-text-disabled: #bbbec3; --figma-mapped-text-information: #1170d3; --figma-mapped-text-warning: #956b00; --figma-mapped-text-danger: #d4062d; --figma-mapped-text-on-action: #ffffff; --figma-mapped-icon-strong: #787e86; --figma-mapped-icon-body: #8b8f97; --figma-mapped-icon-disabled: #c7ced8; --figma-mapped-icon-information: #1170d3; --figma-mapped-icon-warning: #956b00; --figma-mapped-icon-danger: #e61733; --figma-mapped-icon-on-action: #ffffff; --figma-mapped-surface-page-base: #ffffff; --figma-mapped-surface-base: #ffffff; --figma-mapped-surface-action-subtle: #ffefed; --figma-mapped-surface-action-hover: #f14d51; --figma-mapped-surface-warning-subtle: #eae5cc; --figma-mapped-surface-danger-subtle: #ffdbd8; --figma-mapped-surface-information-subtle: #d8e6f9; --figma-mapped-border-strong: #6d727a; --figma-mapped-surface-disabled-subtle: #f7f9fc; --figma-mapped-border-action: #d4062d; --figma-mapped-border-action-hover: #f14d51; --figma-mapped-border-disabled: #d7dde5; --figma-mapped-surface-action-strong: #d4062d; --figma-mapped-text-success: #238900; --figma-mapped-surface-success-subtle: #d9ebd7; --figma-mapped-surface-danger-strong: #d4062d; --figma-mapped-text-placeholder: #bbbec3; --figma-mapped-icon-success: #2c9600; --figma-mapped-border-focus: #e61733; --figma-mapped-border-subtle: #cfd1d4; --figma-mapped-border-base: #4c5056; --figma-mapped-surface-success-strong: #238900; --figma-mapped-surface-warning-strong: #956b00; --figma-mapped-text-caption: #cfd1d4; --figma-mapped-surface-information-strong: #1170d3; --figma-mapped-surface-disabled-strong: #d7dde5; --figma-mapped-surface-strong: #e4e4e6; --figma-mapped-surface-subtle: #f3f3f4; --figma-mapped-surface-dark: #27292c; --figma-mapped-surface-action-active: #b31029; --figma-mapped-icon-subtle: #e4e4e6; --figma-mapped-icon-action-active: #ffdbd8; --figma-mapped-icon-action-hover: #b31029; --figma-mapped-icon-action-strong: #d4062d; --figma-mapped-icon-action-subtle: #ffdbd8; --figma-mapped-text-action-hover: #b31029; --figma-mapped-text-action-active: #ffdbd8; --figma-mapped-text-action-strong: #d4062d; --figma-mapped-text-action-subtle: #ffdbd8; --figma-mapped-surface-action-secondary-hover: #fff8f7; --figma-mapped-border-success-subtle: #d9ebd7; --figma-mapped-border-information-subtle: #d8e6f9; --figma-mapped-border-information-strong: #1170d3; --figma-mapped-border-success-strong: #238900; --figma-mapped-border-danger-strong: #d4062d; --figma-mapped-border-warning-strong: #956b00; --figma-mapped-border-warning-subtle: #eae5cc; --figma-mapped-border-danger-subtle: #ffdbd8; --figma-mapped-text-body: #4c5056; --figma-mapped-text-critical: #4c1014; --figma-mapped-text-information-hover: #0a5092; --figma-responsive-h1-font-size: 52; --figma-responsive-h1-line-height: 64; --figma-responsive-h1-paragraph-spacing: 56; --figma-responsive-h2-font-size: 44; --figma-responsive-h2-line-height: 64; --figma-responsive-h2-paragraph-spacing: 48; --figma-responsive-h3-font-size: 34; --figma-responsive-h3-line-height: 52; --figma-responsive-h3-paragraph-spacing: 30; --figma-responsive-h4-font-size: 28; --figma-responsive-h4-line-height: 40; --figma-responsive-h4-paragraph-spacing: 24; --figma-responsive-h5-font-size: 22; --figma-responsive-h5-line-height: 32; --figma-responsive-h5-paragraph-spacing: 22; --figma-responsive-h6-font-size: 18; --figma-responsive-h6-line-height: 28; --figma-responsive-h6-paragraph-spacing: 20; --figma-responsive-paragraph-xsm-font-size: 10; --figma-responsive-paragraph-xsm-line-height: 14; --figma-responsive-paragraph-xsm-paragraph-spacing: 14; --figma-responsive-paragraph-sm-font-size: 12; --figma-responsive-paragraph-sm-line-height: 20; --figma-responsive-paragraph-sm-paragraph-spacing: 14; --figma-responsive-paragraph-md-font-size: 14; --figma-responsive-paragraph-md-line-height: 20; --figma-responsive-paragraph-md-paragraph-spacing: 18; --figma-responsive-paragraph-lg-font-size: 16; --figma-responsive-paragraph-lg-line-height: 24; --figma-responsive-paragraph-lg-paragraph-spacing: 20; --figma-responsive-size: 1440; --figma-responsive-number: 0; --figma-responsive-space-0: 0; --figma-responsive-space-4: 4; --figma-responsive-space-8: 8; --figma-responsive-space-48: 48; --figma-responsive-space-40: 40; --figma-responsive-space-32: 32; --figma-responsive-space-24: 24; --figma-responsive-space-16: 16; --figma-responsive-space-12: 12; --figma-responsive-space-104: 104; --figma-responsive-space-96: 96; --figma-responsive-space-64: 64; --figma-responsive-space-56: 56; --figma-responsive-space-72: 72; --figma-responsive-space-80: 80; --figma-responsive-space-88: 88; --figma-shadow-elevation-none-blur: 0; --figma-shadow-elevation-none-spread: 0; --figma-shadow-elevation-none-offset-y: 0; --figma-shadow-elevation-sm-blur: 4; --figma-shadow-elevation-sm-spread: 0; --figma-shadow-elevation-sm-offset-y: 2; --figma-shadow-elevation-md-blur: 8; --figma-shadow-elevation-md-spread: 0; --figma-shadow-elevation-md-offset-y: 4; --figma-shadow-elevation-lg-blur: 16; --figma-shadow-elevation-lg-spread: 0; --figma-shadow-elevation-lg-offset-y: 8; --figma-shadow-elevation-xl-blur: 24; --figma-shadow-elevation-xl-spread: -4; --figma-shadow-elevation-xl-offset-y: 12; --figma-shadow-elevation-2xl-blur: 40; --figma-shadow-elevation-2xl-spread: -8; --figma-shadow-elevation-2xl-offset-y: 20; --figma-shadow-elevation-shadow-opacity-subtle: 0.06; --figma-shadow-elevation-shadow-opacity-default: 0.12; --figma-shadow-elevation-shadow-opacity-strong: 0.2; --figma-z-index-base: 0; --figma-z-index-raised: 10; --figma-z-index-dropdown: 100; --figma-z-index-sticky: 200; --figma-z-index-overlay: 300; --figma-z-index-drawer: 400; --figma-z-index-modal: 500; --figma-z-index-popover: 600; --figma-z-index-tooltip: 700; --figma-z-index-toast: 800; --figma-z-index-max: 9999; --figma-motion-duration-instant: 0; --figma-motion-duration-fast: 100; --figma-motion-duration-normal: 200; --figma-motion-duration-slow: 300; --figma-motion-duration-slower: 500; --figma-motion-duration-slowest: 800; --figma-motion-easing-linear: linear; --figma-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1); --figma-motion-easing-decelerate: cubic-bezier(0, 0, 0.2, 1); --figma-motion-easing-accelerate: cubic-bezier(0.4, 0, 1, 1); --figma-motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* Stable application contract consumed by AI-generated pages. */ --site-brand: var(--figma-brand-primitive-color-green-8); --app-surface-page: var(--figma-mapped-surface-page-base); --app-surface-base: var(--figma-mapped-surface-base); --app-surface-subtle: var(--figma-mapped-surface-subtle); --app-surface-strong: var(--figma-mapped-surface-strong); --app-action: var(--figma-mapped-surface-action-strong); --app-action-hover: var(--figma-mapped-surface-action-hover); --app-action-active: var(--figma-mapped-surface-action-active); --app-action-subtle: var(--figma-mapped-surface-action-subtle); --app-action-secondary-hover: var(--figma-mapped-surface-action-secondary-hover); --app-disabled-subtle: var(--figma-mapped-surface-disabled-subtle); --app-disabled-strong: var(--figma-mapped-surface-disabled-strong); --app-success-subtle: var(--figma-mapped-surface-success-subtle); --app-warning-subtle: var(--figma-mapped-surface-warning-subtle); --app-danger-subtle: var(--figma-mapped-surface-danger-subtle); --app-info-subtle: var(--figma-mapped-surface-information-subtle); --app-text-heading: var(--figma-mapped-text-heading); --app-text-body: var(--figma-mapped-text-body); --app-text-secondary: var(--figma-mapped-text-secondary); --app-text-caption: var(--figma-mapped-text-caption); --app-text-on-action: var(--figma-mapped-text-on-action); --app-text-action-strong: var(--figma-mapped-text-action-strong); --app-text-disabled: var(--figma-mapped-text-disabled); --app-text-success: var(--figma-mapped-text-success); --app-text-warning: var(--figma-mapped-text-warning); --app-text-danger: var(--figma-mapped-text-danger); --app-border-base: var(--figma-mapped-border-base); --app-border-subtle: var(--figma-mapped-border-subtle); --app-border-strong: var(--figma-mapped-border-strong); --app-border-action: var(--figma-mapped-border-action); --app-border-focus: var(--figma-mapped-border-focus); --app-border-disabled: var(--figma-mapped-border-disabled); --app-radius-sm: calc(var(--figma-alias-border-radius-sm) * 1px); --app-radius-md: calc(var(--figma-alias-border-radius-md) * 1px); --app-radius-lg: calc(var(--figma-alias-border-radius-lg) * 1px); --app-radius-full: calc(var(--figma-alias-border-radius-full) * 1px); --app-space-4: calc(var(--figma-responsive-space-4) * 1px); --app-space-8: calc(var(--figma-responsive-space-8) * 1px); --app-space-12: calc(var(--figma-responsive-space-12) * 1px); --app-space-16: calc(var(--figma-responsive-space-16) * 1px); --app-space-24: calc(var(--figma-responsive-space-24) * 1px); --app-space-32: calc(var(--figma-responsive-space-32) * 1px); --app-space-40: calc(var(--figma-responsive-space-40) * 1px); --app-space-48: calc(var(--figma-responsive-space-48) * 1px); --app-h1-size: calc(var(--figma-responsive-h1-font-size) * 1px); --app-h1-line: calc(var(--figma-responsive-h1-line-height) * 1px); --app-h2-size: calc(var(--figma-responsive-h2-font-size) * 1px); --app-h2-line: calc(var(--figma-responsive-h2-line-height) * 1px); --app-body-size: calc(var(--figma-responsive-paragraph-lg-font-size) * 1px); --app-body-line: calc(var(--figma-responsive-paragraph-lg-line-height) * 1px); --app-small-size: calc(var(--figma-responsive-paragraph-sm-font-size) * 1px); --app-small-line: calc(var(--figma-responsive-paragraph-sm-line-height) * 1px); --app-motion-fast: calc(var(--figma-motion-duration-fast) * 1ms); --app-motion-normal: calc(var(--figma-motion-duration-normal) * 1ms); --app-ease-standard: var(--figma-motion-easing-standard); --app-shadow-sm: 0 calc(var(--figma-shadow-elevation-sm-offset-y) * 1px) calc(var(--figma-shadow-elevation-sm-blur) * 1px) rgb(15 23 42 / 6%); --app-shadow-md: 0 calc(var(--figma-shadow-elevation-md-offset-y) * 1px) calc(var(--figma-shadow-elevation-md-blur) * 1px) rgb(15 23 42 / 12%); --app-z-sticky: var(--figma-z-index-sticky); --app-z-dropdown: var(--figma-z-index-dropdown); --app-content-max: 1120px; --app-header-height: 72px; --app-control-lg: 48px; --app-control-md: 36px; --app-control-sm: 32px; --app-icon-lg: 48px; --app-icon-md: 40px; --app-icon-sm: 32px; --app-card-min: 240px; --app-border-width: 1px; } [data-theme="dark"] { --figma-brand-primitive-color-green-5: #2b4c24; --figma-brand-primitive-color-green-4: #243a1c; --figma-brand-primitive-color-green-2: #121b0e; --figma-brand-primitive-color-green-3: #1b2a16; --figma-brand-primitive-color-green-1: #0b1109; --figma-brand-primitive-color-yellow-1: #120f07; --figma-brand-primitive-color-yellow-5: #4e4210; --figma-brand-primitive-color-yellow-4: #3c3211; --figma-brand-primitive-color-yellow-3: #2b250e; --figma-brand-primitive-color-yellow-2: #1c180a; --figma-brand-primitive-color-red-5: #692c2b; --figma-brand-primitive-color-red-4: #4f2424; --figma-brand-primitive-color-red-3: #3a1b1b; --figma-brand-primitive-color-red-2: #261212; --figma-brand-primitive-color-red-1: #180b0b; --figma-brand-primitive-color-gray-1: #0c1015; --figma-brand-primitive-color-gray-4: #2f3339; --figma-brand-primitive-color-gray-5: #3f4349; --figma-brand-primitive-color-gray-7: #656970; --figma-brand-primitive-color-gray-6: #51555c; --figma-brand-primitive-color-green-6: #326327; --figma-brand-primitive-color-green-7: #377b27; --figma-brand-primitive-color-green-8: #3c9426; --figma-brand-primitive-color-green-9: #42a926; --figma-brand-primitive-color-gray-8: #797d85; --figma-brand-primitive-color-gray-9: #8b8f97; --figma-brand-primitive-color-gray-10: #a3a8af; --figma-brand-primitive-color-gray-11: #c0c4cc; --figma-brand-primitive-color-yellow-6: #665400; --figma-brand-primitive-color-yellow-7: #7f6700; --figma-brand-primitive-color-yellow-8: #997a00; --figma-brand-primitive-color-yellow-9: #b08b00; --figma-brand-primitive-color-red-6: #8c3434; --figma-brand-primitive-color-red-7: #b2383a; --figma-brand-primitive-color-red-8: #d83b42; --figma-brand-primitive-color-red-9: #f94049; --figma-brand-primitive-color-blue-1: #0a1017; --figma-brand-primitive-color-blue-2: #0f1924; --figma-brand-primitive-color-blue-3: #172638; --figma-brand-primitive-color-blue-4: #1e344e; --figma-brand-primitive-color-blue-5: #264368; --figma-brand-primitive-color-blue-6: #2c568b; --figma-brand-primitive-color-blue-7: #2e69b1; --figma-brand-primitive-color-blue-8: #307dd8; --figma-brand-primitive-color-blue-9: #348ff9; --figma-brand-primitive-color-gray-3: #22252b; --figma-brand-primitive-color-gray-2: #15191e; --figma-brand-primitive-color-green-10: #5fc24f; --figma-brand-primitive-color-green-11: #8adc7d; --figma-brand-primitive-color-green-12: #153107; --figma-brand-primitive-color-yellow-11: #dec351; --figma-brand-primitive-color-yellow-10: #c6a600; --figma-brand-primitive-color-yellow-12: #f8e8a7; --figma-brand-primitive-color-gray-12: #27292c; --figma-brand-primitive-color-red-12: #ffcbc4; --figma-brand-primitive-color-red-11: #ff918a; --figma-brand-primitive-color-red-10: #ff6463; --figma-brand-primitive-color-blue-11: #84c7ff; --figma-brand-primitive-color-blue-10: #58a8ff; --figma-brand-primitive-color-blue-12: #c1ebff; --figma-brand-primitive-color-purple-1: #100e18; --figma-brand-primitive-color-purple-2: #191526; --figma-brand-primitive-color-purple-3: #26203b; --figma-brand-primitive-color-purple-4: #342c51; --figma-brand-primitive-color-purple-5: #46376c; --figma-brand-primitive-color-purple-6: #5b4490; --figma-brand-primitive-color-purple-7: #7250b9; --figma-brand-primitive-color-purple-8: #895de2; --figma-brand-primitive-color-purple-9: #9d68ff; --figma-brand-primitive-color-purple-10: #b884ff; --figma-brand-primitive-color-purple-11: #d1a9ff; --figma-brand-primitive-color-purple-12: #efd9ff; --figma-brand-primitive-color-neutral-1: #ffffff; --figma-brand-primitive-color-neutral-2: #f7f9fc; --figma-brand-primitive-color-neutral-3: #e4e8ef; --figma-brand-primitive-color-neutral-4: #d7dde5; --figma-brand-primitive-color-neutral-5: #c7ced8; --figma-brand-primitive-color-neutral-6: #b0b8c4; --figma-brand-primitive-color-neutral-7: #b0b8c4; --figma-brand-primitive-color-neutral-8: #8a93a0; --figma-brand-primitive-color-neutral-9: #757e8c; --figma-brand-primitive-color-neutral-10: #58616f; --figma-brand-primitive-color-neutral-11: #47505e; --figma-brand-primitive-color-neutral-12: #161d29; --figma-alias-primary-02: #261212; --figma-alias-primary-01: #180b0b; --figma-alias-primary-04: #4f2424; --figma-alias-primary-05: #692c2b; --figma-alias-danger-01: #180b0b; --figma-alias-success-08: #3c9426; --figma-alias-neutral-03: #22252b; --figma-alias-disabled-01: #ffffff; --figma-alias-neutral-05: #3f4349; --figma-alias-neutral-06: #51555c; --figma-alias-neutral-07: #656970; --figma-alias-neutral-08: #797d85; --figma-alias-warning-01: #120f07; --figma-alias-info-01: #0a1017; --figma-alias-neutral-01: #ffffff; --figma-alias-success-06: #326327; --figma-alias-success-09: #42a926; --figma-alias-success-07: #377b27; --figma-alias-success-10: #5fc24f; --figma-alias-border-stroke-none: 0; --figma-alias-border-radius-none: 0; --figma-alias-border-stroke-sm: 0.5; --figma-alias-border-stroke-md: 1; --figma-alias-border-stroke-lg: 2; --figma-alias-border-radius-sm: 4; --figma-alias-border-radius-md: 8; --figma-alias-border-radius-lg: 12; --figma-alias-neutral-04: #2f3339; --figma-alias-neutral-02: #15191e; --figma-alias-primary-08: #d83b42; --figma-alias-primary-03: #3a1b1b; --figma-alias-primary-09: #f94049; --figma-alias-primary-10: #ff6463; --figma-alias-primary-11: #ff918a; --figma-alias-primary-06: #8c3434; --figma-alias-primary-07: #b2383a; --figma-alias-danger-12: #ffcbc4; --figma-alias-primary-12: #ffcbc4; --figma-alias-success-01: #0b1109; --figma-alias-success-02: #121b0e; --figma-alias-success-03: #1b2a16; --figma-alias-success-04: #243a1c; --figma-alias-success-05: #2b4c24; --figma-alias-success-11: #8adc7d; --figma-alias-success-12: #153107; --figma-alias-danger-02: #261212; --figma-alias-danger-11: #ff918a; --figma-alias-danger-03: #3a1b1b; --figma-alias-danger-10: #ff6463; --figma-alias-danger-09: #f94049; --figma-alias-danger-08: #d83b42; --figma-alias-danger-07: #b2383a; --figma-alias-danger-06: #8c3434; --figma-alias-danger-05: #692c2b; --figma-alias-danger-04: #4f2424; --figma-alias-neutral-09: #8b8f97; --figma-alias-neutral-10: #a3a8af; --figma-alias-neutral-11: #c0c4cc; --figma-alias-neutral-12: #27292c; --figma-alias-warning-05: #4e4210; --figma-alias-warning-02: #1c180a; --figma-alias-warning-03: #2b250e; --figma-alias-warning-04: #3c3211; --figma-alias-warning-06: #665400; --figma-alias-warning-07: #7f6700; --figma-alias-warning-08: #997a00; --figma-alias-warning-10: #c6a600; --figma-alias-warning-11: #dec351; --figma-alias-warning-12: #f8e8a7; --figma-alias-info-02: #0f1924; --figma-alias-info-03: #172638; --figma-alias-info-04: #1e344e; --figma-alias-info-05: #264368; --figma-alias-info-06: #2c568b; --figma-alias-info-07: #2e69b1; --figma-alias-info-08: #307dd8; --figma-alias-info-09: #348ff9; --figma-alias-info-10: #58a8ff; --figma-alias-info-11: #84c7ff; --figma-alias-info-12: #c1ebff; --figma-alias-warning-09: #b08b00; --figma-alias-white: #ffffff; --figma-alias-disabled-02: #f7f9fc; --figma-alias-disabled-03: #e4e8ef; --figma-alias-disabled-04: #d7dde5; --figma-alias-disabled-10: #58616f; --figma-alias-disabled-05: #c7ced8; --figma-alias-disabled-06: #b0b8c4; --figma-alias-disabled-07: #b0b8c4; --figma-alias-disabled-09: #757e8c; --figma-alias-disabled-08: #8a93a0; --figma-alias-border-radius-full: 999; --figma-mapped-text-heading: #27292c; --figma-mapped-text-secondary: #51555c; --figma-mapped-text-action-secondary-hover: #ff6463; --figma-mapped-text-disabled: #3f4349; --figma-mapped-text-information: #348ff9; --figma-mapped-text-warning: #b08b00; --figma-mapped-text-danger: #f94049; --figma-mapped-text-on-action: #ffffff; --figma-mapped-icon-strong: #797d85; --figma-mapped-icon-body: #656970; --figma-mapped-icon-disabled: #b0b8c4; --figma-mapped-icon-information: #348ff9; --figma-mapped-icon-warning: #b08b00; --figma-mapped-icon-danger: #d83b42; --figma-mapped-icon-on-action: #ffffff; --figma-mapped-surface-page-base: #ffffff; --figma-mapped-surface-base: #ffffff; --figma-mapped-surface-action-subtle: #261212; --figma-mapped-surface-action-hover: #b2383a; --figma-mapped-surface-warning-subtle: #2b250e; --figma-mapped-surface-danger-subtle: #3a1b1b; --figma-mapped-surface-information-subtle: #172638; --figma-mapped-border-strong: #8b8f97; --figma-mapped-surface-disabled-subtle: #f7f9fc; --figma-mapped-border-action: #f94049; --figma-mapped-border-action-hover: #b2383a; --figma-mapped-border-disabled: #c7ced8; --figma-mapped-surface-action-strong: #f94049; --figma-mapped-text-success: #42a926; --figma-mapped-surface-success-subtle: #1b2a16; --figma-mapped-surface-danger-strong: #f94049; --figma-mapped-text-placeholder: #3f4349; --figma-mapped-icon-success: #3c9426; --figma-mapped-border-focus: #d83b42; --figma-mapped-border-subtle: #2f3339; --figma-mapped-border-base: #c0c4cc; --figma-mapped-surface-success-strong: #42a926; --figma-mapped-surface-warning-strong: #b08b00; --figma-mapped-text-caption: #2f3339; --figma-mapped-surface-information-strong: #348ff9; --figma-mapped-surface-disabled-strong: #c7ced8; --figma-mapped-surface-strong: #22252b; --figma-mapped-surface-subtle: #15191e; --figma-mapped-surface-dark: #27292c; --figma-mapped-surface-action-active: #ff6463; --figma-mapped-icon-subtle: #22252b; --figma-mapped-icon-action-active: #3a1b1b; --figma-mapped-icon-action-hover: #ff6463; --figma-mapped-icon-action-strong: #f94049; --figma-mapped-icon-action-subtle: #3a1b1b; --figma-mapped-text-action-hover: #ff6463; --figma-mapped-text-action-active: #3a1b1b; --figma-mapped-text-action-strong: #f94049; --figma-mapped-text-action-subtle: #3a1b1b; --figma-mapped-surface-action-secondary-hover: #180b0b; --figma-mapped-border-success-subtle: #1b2a16; --figma-mapped-border-information-subtle: #172638; --figma-mapped-border-information-strong: #348ff9; --figma-mapped-border-success-strong: #42a926; --figma-mapped-border-danger-strong: #f94049; --figma-mapped-border-warning-strong: #b08b00; --figma-mapped-border-warning-subtle: #2b250e; --figma-mapped-border-danger-subtle: #3a1b1b; --figma-mapped-text-body: #c0c4cc; --figma-mapped-text-critical: #ffcbc4; --figma-mapped-text-information-hover: #84c7ff; /* Application-level corrections after dark-mode contrast validation. */ --app-surface-page: var(--figma-brand-primitive-color-gray-1); --app-surface-base: var(--figma-brand-primitive-color-gray-2); --app-surface-subtle: var(--figma-brand-primitive-color-gray-3); --app-surface-strong: var(--figma-brand-primitive-color-gray-12); --app-text-heading: var(--figma-brand-primitive-color-gray-11); --app-text-body: var(--figma-brand-primitive-color-gray-10); --app-text-secondary: var(--figma-brand-primitive-color-gray-9); --app-text-caption: var(--figma-brand-primitive-color-gray-8); --app-border-base: var(--figma-brand-primitive-color-gray-7); --app-border-subtle: var(--figma-brand-primitive-color-gray-3); --app-border-strong: var(--figma-brand-primitive-color-gray-9); } @media (max-width: 720px) { :root { --figma-responsive-h1-font-size: 36; --figma-responsive-h1-line-height: 44; --figma-responsive-h1-paragraph-spacing: 56; --figma-responsive-h2-font-size: 30; --figma-responsive-h2-line-height: 40; --figma-responsive-h2-paragraph-spacing: 48; --figma-responsive-h3-font-size: 26; --figma-responsive-h3-line-height: 36; --figma-responsive-h3-paragraph-spacing: 30; --figma-responsive-h4-font-size: 22; --figma-responsive-h4-line-height: 32; --figma-responsive-h4-paragraph-spacing: 24; --figma-responsive-h5-font-size: 18; --figma-responsive-h5-line-height: 28; --figma-responsive-h5-paragraph-spacing: 22; --figma-responsive-h6-font-size: 16; --figma-responsive-h6-line-height: 24; --figma-responsive-h6-paragraph-spacing: 20; --figma-responsive-paragraph-xsm-font-size: 10; --figma-responsive-paragraph-xsm-line-height: 14; --figma-responsive-paragraph-xsm-paragraph-spacing: 14; --figma-responsive-paragraph-sm-font-size: 12; --figma-responsive-paragraph-sm-line-height: 18; --figma-responsive-paragraph-sm-paragraph-spacing: 14; --figma-responsive-paragraph-md-font-size: 13; --figma-responsive-paragraph-md-line-height: 20; --figma-responsive-paragraph-md-paragraph-spacing: 18; --figma-responsive-paragraph-lg-font-size: 15; --figma-responsive-paragraph-lg-line-height: 24; --figma-responsive-paragraph-lg-paragraph-spacing: 20; --figma-responsive-size: 390; --figma-responsive-number: 0; --figma-responsive-space-0: 0; --figma-responsive-space-4: 4; --figma-responsive-space-8: 8; --figma-responsive-space-48: 48; --figma-responsive-space-40: 40; --figma-responsive-space-32: 32; --figma-responsive-space-24: 24; --figma-responsive-space-16: 16; --figma-responsive-space-12: 12; --figma-responsive-space-104: 104; --figma-responsive-space-96: 96; --figma-responsive-space-64: 64; --figma-responsive-space-56: 56; --figma-responsive-space-72: 72; --figma-responsive-space-80: 80; --figma-responsive-space-88: 88; } } @media (prefers-reduced-motion: reduce) { :root { --app-motion-fast: 0ms; --app-motion-normal: 0ms; } }