:root {
    --mr-bg: #FDFDFD;
    --mr-bg-raised: #FFFFFF;
    --mr-bg-sunken: #F0F0F0;
    --mr-blue: #005CFF;
    --mr-blue-emphasis: #005AFB;
    --mr-blue-subtle: #E1ECFF;
    --mr-border: #D9D9D9;
    --mr-border-strong: #808080;
    --mr-border-subtle: #EDEDED;
    --mr-border-width-lg: 4px;
    --mr-border-width-md: 2px;
    --mr-border-width-sm: 1px;
    --mr-breakpoint-lg: 992px;
    --mr-breakpoint-md: 768px;
    --mr-breakpoint-sm: 576px;
    --mr-breakpoint-xl: 1200px;
    --mr-breakpoint-xxl: 1400px;
    --mr-brown: #65452E;
    --mr-brown-emphasis: #65452E;
    --mr-brown-subtle: #F3E9E2;
    --mr-container-lg: 960px;
    --mr-container-md: 720px;
    --mr-container-sm: 540px;
    --mr-container-xl: 1140px;
    --mr-container-xxl: 1320px;
    --mr-danger: #A55A52;
    --mr-danger-emphasis: #9F544D;
    --mr-danger-rgb: 165, 90, 82;
    --mr-danger-subtle: #FCE5E2;
    --mr-duration-base: 200ms;
    --mr-duration-fast: 120ms;
    --mr-duration-slow: 320ms;
    --mr-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --mr-fg: #161616;
    --mr-fg-muted: #636363;
    --mr-fg-strong: #070707;
    --mr-fg-subtle: #808080;
    --mr-field-alarm-size: 1.125rem;
    --mr-field-checked-size: 1rem;
    --mr-field-format-tracking: 0.02em;
    --mr-field-frame-radius: var(--mr-radius-sm);
    --mr-field-frame-width: var(--mr-border-width-sm);
    --mr-field-frame-width-invalid: var(--mr-border-width-md);
    --mr-field-hint-shadow: var(--mr-shadow-md);
    --mr-field-hint-width: 22rem;
    --mr-field-label-column: 10rem;
    --mr-field-marker-width: var(--mr-border-width-lg);
    --mr-focus-offset: 2px;
    --mr-focus-ring: #6B6B6B;
    --mr-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mr-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mr-font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, "Liberation Mono", monospace;
    --mr-given-block-size: initial;
    --mr-given-focus-x: initial;
    --mr-given-focus-y: initial;
    --mr-given-ground: initial;
    --mr-given-image: initial;
    --mr-given-inline-size: initial;
    --mr-given-level: initial;
    --mr-given-zoom: initial;
    --mr-green: #00FB48;
    --mr-green-emphasis: #007B1E;
    --mr-green-subtle: #D3F7D3;
    --mr-gutter: 1.5rem;
    --mr-info: #4176AA;
    --mr-info-emphasis: #386CA0;
    --mr-info-rgb: 65, 118, 170;
    --mr-info-subtle: #DFEDFC;
    --mr-leading-base: 1.5;
    --mr-leading-loose: 1.75;
    --mr-leading-tight: 1.2;
    --mr-link: #696969;
    --mr-measure: 68ch;
    --mr-measure-narrow: 46ch;
    --mr-measure-wide: 88ch;
    --mr-neutral-100: #F3F3F3;
    --mr-neutral-200: #E4E4E4;
    --mr-neutral-300: #CECECE;
    --mr-neutral-400: #B1B1B1;
    --mr-neutral-500: #7A7A7A;
    --mr-neutral-600: #5B5B5B;
    --mr-neutral-700: #404040;
    --mr-neutral-800: #292929;
    --mr-neutral-900: #181818;
    --mr-on-blue: #FFFFFF;
    --mr-on-brown: #FFFFFF;
    --mr-on-danger: #FFFFFF;
    --mr-on-given-ground: initial;
    --mr-on-green: #090909;
    --mr-on-info: #FFFFFF;
    --mr-on-orange: #090909;
    --mr-on-pink: #FFFFFF;
    --mr-on-primary: #FFFFFF;
    --mr-on-purple: #FFFFFF;
    --mr-on-red: #FFFFFF;
    --mr-on-scrim: #FFFFFF;
    --mr-on-secondary: #090909;
    --mr-on-success: #FFFFFF;
    --mr-on-warning: #FFFFFF;
    --mr-on-yellow: #090909;
    --mr-orange: #FF8504;
    --mr-orange-emphasis: #A55300;
    --mr-orange-subtle: #FFE6D5;
    --mr-pink: #E10095;
    --mr-pink-emphasis: #CA0085;
    --mr-pink-subtle: #FFE2EE;
    --mr-primary: #6B6B6B;
    --mr-primary-emphasis: #696969;
    --mr-primary-rgb: 107, 107, 107;
    --mr-primary-subtle: #EBEBEB;
    --mr-purple: #A200FE;
    --mr-purple-emphasis: #9F00F9;
    --mr-purple-subtle: #F1E6FF;
    --mr-radius-lg: 0.75rem;
    --mr-radius-md: 0.5rem;
    --mr-radius-pill: 50rem;
    --mr-radius-sm: 0.25rem;
    --mr-radius-xl: 1rem;
    --mr-red: #EE0004;
    --mr-red-emphasis: #D50003;
    --mr-red-subtle: #FFE4E0;
    --mr-scrim: #060606;
    --mr-secondary: #B6B6B6;
    --mr-secondary-emphasis: #696969;
    --mr-secondary-rgb: 182, 182, 182;
    --mr-secondary-subtle: #EBEBEB;
    --mr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
    --mr-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.06);
    --mr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --mr-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.10);
    --mr-space-0: 0;
    --mr-space-1: 0.25rem;
    --mr-space-10: 5rem;
    --mr-space-11: 6rem;
    --mr-space-12: 8rem;
    --mr-space-2: 0.5rem;
    --mr-space-3: 0.75rem;
    --mr-space-4: 1rem;
    --mr-space-5: 1.5rem;
    --mr-space-6: 2rem;
    --mr-space-7: 2.5rem;
    --mr-space-8: 3rem;
    --mr-space-9: 4rem;
    --mr-success: #428252;
    --mr-success-emphasis: #367647;
    --mr-success-rgb: 66, 130, 82;
    --mr-success-subtle: #E0F0E3;
    --mr-target-min: 1.5rem;
    --mr-text-body: 1rem;
    --mr-text-caption: 0.75rem;
    --mr-text-display: 3.815rem;
    --mr-text-h1: 3.052rem;
    --mr-text-h2: 2.441rem;
    --mr-text-h3: 1.953rem;
    --mr-text-h4: 1.563rem;
    --mr-text-h5: 1.25rem;
    --mr-text-h6: 1rem;
    --mr-text-micro: 0.625rem;
    --mr-text-small: 0.875rem;
    --mr-tracking-normal: 0em;
    --mr-tracking-tight: -0.011em;
    --mr-tracking-wide: 0.08em;
    --mr-tracking-wider: 0.2em;
    --mr-warning: #9A6E2B;
    --mr-warning-emphasis: #8C611B;
    --mr-warning-rgb: 154, 110, 43;
    --mr-warning-subtle: #F5E9D9;
    --mr-weight-bold: 700;
    --mr-weight-light: 300;
    --mr-weight-medium: 500;
    --mr-weight-regular: 400;
    --mr-weight-semibold: 600;
    --mr-yellow: #EDD200;
    --mr-yellow-emphasis: #786900;
    --mr-yellow-subtle: #F2EDCB;
    --mr-z-dropdown: 1030;
    --mr-z-overlay: 1050;
    --mr-z-sticky: 1020;
    --mr-z-toast: 1080;
}
[data-mr-mode="light"] {
    --mr-bg: #FDFDFD;
    --mr-bg-raised: #FFFFFF;
    --mr-bg-sunken: #F0F0F0;
    --mr-blue-emphasis: #005AFB;
    --mr-blue-subtle: #E1ECFF;
    --mr-border: #D9D9D9;
    --mr-border-strong: #808080;
    --mr-border-subtle: #EDEDED;
    --mr-brown-emphasis: #65452E;
    --mr-brown-subtle: #F3E9E2;
    --mr-danger-emphasis: #9F544D;
    --mr-danger-subtle: #FCE5E2;
    --mr-fg: #161616;
    --mr-fg-muted: #636363;
    --mr-fg-strong: #070707;
    --mr-fg-subtle: #808080;
    --mr-focus-ring: #6B6B6B;
    --mr-green-emphasis: #007B1E;
    --mr-green-subtle: #D3F7D3;
    --mr-info-emphasis: #386CA0;
    --mr-info-subtle: #DFEDFC;
    --mr-link: #696969;
    --mr-orange-emphasis: #A55300;
    --mr-orange-subtle: #FFE6D5;
    --mr-pink-emphasis: #CA0085;
    --mr-pink-subtle: #FFE2EE;
    --mr-primary-emphasis: #696969;
    --mr-primary-subtle: #EBEBEB;
    --mr-purple-emphasis: #9F00F9;
    --mr-purple-subtle: #F1E6FF;
    --mr-red-emphasis: #D50003;
    --mr-red-subtle: #FFE4E0;
    --mr-secondary-emphasis: #696969;
    --mr-secondary-subtle: #EBEBEB;
    --mr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
    --mr-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(0, 0, 0, 0.06);
    --mr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --mr-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.10);
    --mr-success-emphasis: #367647;
    --mr-success-subtle: #E0F0E3;
    --mr-warning-emphasis: #8C611B;
    --mr-warning-subtle: #F5E9D9;
    --mr-yellow-emphasis: #786900;
    --mr-yellow-subtle: #F2EDCB;
}
[data-mr-mode="dark"] {
    --mr-bg: #121212;
    --mr-bg-raised: #1C1C1C;
    --mr-bg-sunken: #161616;
    --mr-blue-emphasis: #5C95FF;
    --mr-blue-subtle: #162C55;
    --mr-border: #353535;
    --mr-border-strong: #797979;
    --mr-border-subtle: #262626;
    --mr-brown-emphasis: #B58F77;
    --mr-brown-subtle: #362B24;
    --mr-danger-emphasis: #D18278;
    --mr-danger-subtle: #3E2724;
    --mr-fg: #EBEBEB;
    --mr-fg-muted: #979797;
    --mr-fg-strong: #FAFAFA;
    --mr-fg-subtle: #797979;
    --mr-focus-ring: #797979;
    --mr-green-emphasis: #00FB48;
    --mr-green-subtle: #0D3811;
    --mr-info-emphasis: #659BD1;
    --mr-info-subtle: #202F3F;
    --mr-link: #979797;
    --mr-orange-emphasis: #FF8504;
    --mr-orange-subtle: #462409;
    --mr-pink-emphasis: #FF54B3;
    --mr-pink-subtle: #4A1A33;
    --mr-primary-emphasis: #979797;
    --mr-primary-subtle: #2E2E2E;
    --mr-purple-emphasis: #BB77FF;
    --mr-purple-subtle: #37214D;
    --mr-red-emphasis: #FF6353;
    --mr-red-subtle: #4F1B15;
    --mr-secondary-emphasis: #B6B6B6;
    --mr-secondary-subtle: #2E2E2E;
    --mr-shadow-lg: 0 10px 28px rgb(0 0 0 / .55), 0 3px 8px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .06);
    --mr-shadow-md: 0 4px 10px rgb(0 0 0 / .50), 0 1px 3px rgb(0 0 0 / .40), inset 0 1px 0 rgb(255 255 255 / .05);
    --mr-shadow-sm: 0 1px 2px rgb(0 0 0 / .50), inset 0 1px 0 rgb(255 255 255 / .04);
    --mr-shadow-xl: 0 24px 64px rgb(0 0 0 / .62), 0 8px 18px rgb(0 0 0 / .50), inset 0 1px 0 rgb(255 255 255 / .07);
    --mr-success-emphasis: #64A572;
    --mr-success-subtle: #213324;
    --mr-warning-emphasis: #BC8F4D;
    --mr-warning-subtle: #382B19;
    --mr-yellow-emphasis: #EDD200;
    --mr-yellow-subtle: #352E00;
}