:root {
  color-scheme: light;

  --rds-font-family-display: Georgia, "Times New Roman", serif;
  --rds-font-family-heading: "Oracle Sans", Arial, sans-serif;
  --rds-font-family-subheading: "Oracle Sans", Arial, sans-serif;
  --rds-font-family-body: "Oracle Sans", Arial, sans-serif;
  --rds-font-family-dvt: "Oracle Sans", Arial, sans-serif;

  --rds-font-weight-light: 300;
  --rds-font-weight-regular: 400;
  --rds-font-weight-semibold: 600;
  --rds-font-weight-bold: 700;
  --rds-font-weight-xbold: 800;

  --rds-radius-xs: 2px;
  --rds-radius-sm: 4px;
  --rds-radius-md: 6px;
  --rds-radius-lg: 8px;
  --rds-radius-pill: 999px;

  --rds-space-0: 0;
  --rds-space-1: 4px;
  --rds-space-2: 8px;
  --rds-space-3: 12px;
  --rds-space-4: 16px;
  --rds-space-5: 20px;
  --rds-space-6: 24px;
  --rds-space-8: 32px;
  --rds-space-10: 40px;
  --rds-space-12: 48px;
  --rds-space-16: 64px;

  --rds-light-text-icon-primary: #161513;
  --rds-light-text-icon-secondary: rgba(22, 21, 19, 0.7);
  --rds-light-text-icon-disabled: rgba(22, 21, 19, 0.4);
  --rds-light-text-icon-inverse: #ffffff;
  --rds-light-text-icon-on-color: #ffffff;
  --rds-light-text-icon-link: #00688c;
  --rds-light-text-icon-success: #436b1d;
  --rds-light-text-icon-info: #00688c;
  --rds-light-text-icon-warning: #8f520a;
  --rds-light-text-icon-danger: #b3311f;

  --rds-light-border-enabled: rgba(22, 21, 19, 0.5);
  --rds-light-border-disabled: rgba(22, 21, 19, 0.2);
  --rds-light-border-divider: rgba(22, 21, 19, 0.12);
  --rds-light-border-selected: #227e9e;
  --rds-light-border-drop-line: #227e9e;
  --rds-light-border-selected-neutral: #161513;
  --rds-light-border-warning: #8f520a;
  --rds-light-border-danger: #b3311f;
  --rds-light-border-keyboard-focus: #161513;

  --rds-light-overlay-hover: rgba(22, 21, 19, 0.08);
  --rds-light-overlay-active: rgba(22, 21, 19, 0.16);
  --rds-light-overlay-inverse-hover: rgba(255, 255, 255, 0.08);
  --rds-light-overlay-inverse-active: rgba(255, 255, 255, 0.12);
  --rds-light-overlay-danger-hover: rgba(255, 157, 144, 0.24);
  --rds-light-overlay-danger-active: rgba(255, 157, 144, 0.32);
  --rds-light-overlay-scrim: rgba(22, 21, 19, 0.4);

  --rds-light-surface-neutral-0: #ffffff;
  --rds-light-surface-neutral-10: #fbf9f8;
  --rds-light-surface-neutral-20: #f5f4f2;
  --rds-light-surface-neutral-30: #f1efed;
  --rds-light-surface-selected: #e4f1f7;
  --rds-light-surface-disabled: rgba(22, 21, 19, 0.04);
  --rds-light-surface-popup: #ffffff;
  --rds-light-surface-neutral-low: #fbf9f8;
  --rds-light-surface-neutral-subtle: rgba(22, 21, 19, 0.08);
  --rds-light-surface-neutral-strong: #7a736e;
  --rds-light-surface-success-low: #f4fceb;
  --rds-light-surface-success-subtle: rgba(138, 201, 79, 0.4);
  --rds-light-surface-success-strong: #436b1d;
  --rds-light-surface-info-low: #f6fafc;
  --rds-light-surface-info-subtle: rgba(143, 191, 208, 0.4);
  --rds-light-surface-info-strong: #227e9e;
  --rds-light-surface-warning-low: #fef9f2;
  --rds-light-surface-warning-subtle: rgba(240, 169, 87, 0.4);
  --rds-light-surface-warning-strong: #8f520a;
  --rds-light-surface-danger-low: #fff8f7;
  --rds-light-surface-danger-subtle: rgba(255, 157, 144, 0.4);
  --rds-light-surface-danger-strong: #b3311f;
  --rds-light-surface-skeleton-base: rgba(111, 105, 100, 0.15);

  --rds-dark-text-icon-primary: #ffffff;
  --rds-dark-text-icon-secondary: rgba(255, 255, 255, 0.7);
  --rds-dark-text-icon-disabled: rgba(255, 255, 255, 0.4);
  --rds-dark-text-icon-inverse: #000000;
  --rds-dark-text-icon-on-color: #ffffff;
  --rds-dark-text-icon-link: #f0cc72;
  --rds-dark-text-icon-success: #6ea73a;
  --rds-dark-text-icon-info: #5da1b9;
  --rds-dark-text-icon-warning: #eca452;
  --rds-dark-text-icon-danger: #ee7362;

  --rds-dark-border-enabled: rgba(255, 255, 255, 0.5);
  --rds-dark-border-disabled: rgba(255, 255, 255, 0.2);
  --rds-dark-border-divider: rgba(255, 255, 255, 0.12);
  --rds-dark-border-selected: #f0cc72;
  --rds-dark-border-drop-line: #f0cc72;
  --rds-dark-border-selected-neutral: #ffffff;
  --rds-dark-border-warning: #eca452;
  --rds-dark-border-danger: #ee7362;
  --rds-dark-border-keyboard-focus: #ffffff;

  --rds-dark-overlay-hover: rgba(255, 255, 255, 0.08);
  --rds-dark-overlay-active: rgba(255, 255, 255, 0.12);
  --rds-dark-overlay-inverse-hover: rgba(18, 17, 15, 0.08);
  --rds-dark-overlay-inverse-active: rgba(18, 17, 15, 0.16);
  --rds-dark-overlay-danger-hover: rgba(119, 32, 20, 0.16);
  --rds-dark-overlay-danger-active: rgba(119, 32, 20, 0.2);
  --rds-dark-overlay-scrim: rgba(0, 0, 0, 0.4);

  --rds-dark-surface-neutral-0: #312e2b;
  --rds-dark-surface-neutral-10: #23211f;
  --rds-dark-surface-neutral-20: #171614;
  --rds-dark-surface-neutral-30: #12110f;
  --rds-dark-surface-selected: #554828;
  --rds-dark-surface-disabled: rgba(255, 255, 255, 0.04);
  --rds-dark-surface-popup: #312e2b;
  --rds-dark-surface-neutral-low: #23211f;
  --rds-dark-surface-neutral-subtle: rgba(255, 255, 255, 0.16);
  --rds-dark-surface-neutral-strong: #928b86;
  --rds-dark-surface-success-low: #18250a;
  --rds-dark-surface-success-subtle: rgba(60, 95, 26, 0.76);
  --rds-dark-surface-success-strong: #6ea73a;
  --rds-dark-surface-info-low: #032531;
  --rds-dark-surface-info-subtle: rgba(17, 93, 120, 0.76);
  --rds-dark-surface-info-strong: #5da1b9;
  --rds-dark-surface-warning-low: #321c03;
  --rds-dark-surface-warning-subtle: rgba(128, 72, 9, 0.76);
  --rds-dark-surface-warning-strong: #eca452;
  --rds-dark-surface-danger-low: #40120b;
  --rds-dark-surface-danger-subtle: rgba(160, 43, 28, 0.76);
  --rds-dark-surface-danger-strong: #ee7362;

  /* Expanded color foundations from RDS Foundations Community / Colors. */
  --rds-light-palette-neutral-0: #ffffff;
  --rds-light-palette-neutral-10: #fbf9f8;
  --rds-light-palette-neutral-20: #f5f4f2;
  --rds-light-palette-neutral-30: #f1efed;
  --rds-light-palette-neutral-40: #e4e1dd;
  --rds-light-palette-neutral-50: #d4cfca;
  --rds-light-palette-neutral-80: #9e9892;
  --rds-light-palette-neutral-100: #7a736e;
  --rds-light-palette-neutral-120: #665f5b;
  --rds-light-palette-neutral-160: #3a3632;
  --rds-light-palette-neutral-190: #161513;
  --rds-light-palette-neutral-200: #000000;
  --rds-light-palette-gray-0: #ffffff;
  --rds-light-palette-gray-10: #f9f9f9;
  --rds-light-palette-gray-20: #f3f3f3;
  --rds-light-palette-gray-30: #efefef;
  --rds-light-palette-gray-40: #e1e1e1;
  --rds-light-palette-gray-50: #cfcfcf;
  --rds-light-palette-gray-80: #999999;
  --rds-light-palette-gray-100: #747474;
  --rds-light-palette-gray-120: #606060;
  --rds-light-palette-gray-160: #363636;
  --rds-light-palette-gray-190: #151515;
  --rds-light-palette-gray-200: #000000;
  --rds-light-palette-oracle-red: #c74634;
  --rds-light-palette-brand-10: #f6fafc;
  --rds-light-palette-brand-30: #e4f1f7;
  --rds-light-palette-brand-60: #8fbfd0;
  --rds-light-palette-brand-100: #227e9e;
  --rds-light-palette-brand-130: #025e7e;
  --rds-light-palette-brand-160: #063c4e;
  --rds-light-palette-brand-190: #02181f;
  --rds-light-palette-success-10: #f4fceb;
  --rds-light-palette-success-30: #e4f5d3;
  --rds-light-palette-success-60: #8ac94f;
  --rds-light-palette-success-100: #508223;
  --rds-light-palette-success-130: #3c601a;
  --rds-light-palette-success-160: #263d10;
  --rds-light-palette-success-190: #0f1706;
  --rds-light-palette-info-10: #f6fafc;
  --rds-light-palette-info-30: #e4f1f7;
  --rds-light-palette-info-60: #8fbfd0;
  --rds-light-palette-info-100: #227e9e;
  --rds-light-palette-info-130: #025e7e;
  --rds-light-palette-info-160: #063c4e;
  --rds-light-palette-info-190: #02181f;
  --rds-light-palette-warning-10: #fef9f2;
  --rds-light-palette-warning-30: #fceddc;
  --rds-light-palette-warning-60: #f0a957;
  --rds-light-palette-warning-100: #ac630c;
  --rds-light-palette-warning-130: #814909;
  --rds-light-palette-warning-160: #512f06;
  --rds-light-palette-warning-190: #201202;
  --rds-light-palette-danger-10: #fff8f7;
  --rds-light-palette-danger-30: #ffebe8;
  --rds-light-palette-danger-60: #ff9d90;
  --rds-light-palette-danger-100: #d63b25;
  --rds-light-palette-danger-130: #a22c1c;
  --rds-light-palette-danger-160: #661c12;
  --rds-light-palette-danger-190: #2a0c07;
  --rds-light-page-background-neutral-0: #ffffff;
  --rds-light-page-background-neutral-10: #fbf9f8;
  --rds-light-page-background-neutral-20: #f5f4f2;
  --rds-light-page-background-neutral-30: #f1efed;
  --rds-light-page-background-neutral-40: #e4e1dd;
  --rds-light-dvt-palette-qualitative-1: #245d63;
  --rds-light-dvt-palette-qualitative-2: #d7790f;
  --rds-light-dvt-palette-qualitative-3: #31a09c;
  --rds-light-dvt-palette-qualitative-4: #4e4137;
  --rds-light-dvt-palette-qualitative-5: #699e61;
  --rds-light-dvt-palette-qualitative-6: #b47282;
  --rds-light-dvt-palette-qualitative-7: #83401e;
  --rds-light-dvt-palette-qualitative-8: #9e7fcc;
  --rds-light-dvt-palette-qualitative-9: #a88e00;
  --rds-light-dvt-palette-qualitative-10: #58316e;
  --rds-light-dvt-palette-qualitative-11: #5999b5;
  --rds-light-dvt-palette-qualitative-12: #317a45;
  --rds-light-dvt-threshold-success: #508223;
  --rds-light-dvt-threshold-warning: #cf7c00;
  --rds-light-dvt-threshold-danger: #d63b25;
  --rds-dark-palette-neutral-0: #000000;
  --rds-dark-palette-neutral-10: #0a0a09;
  --rds-dark-palette-neutral-20: #12110f;
  --rds-dark-palette-neutral-30: #171614;
  --rds-dark-palette-neutral-40: #23211f;
  --rds-dark-palette-neutral-50: #312e2b;
  --rds-dark-palette-neutral-80: #5b5551;
  --rds-dark-palette-neutral-100: #7c7570;
  --rds-dark-palette-neutral-120: #928b86;
  --rds-dark-palette-neutral-160: #c8c3bf;
  --rds-dark-palette-neutral-190: #f1eeed;
  --rds-dark-palette-neutral-200: #ffffff;
  --rds-dark-palette-oracle-red: #c74634;
  --rds-dark-palette-brand-10: #0a0804;
  --rds-dark-palette-brand-30: #1a160c;
  --rds-dark-palette-brand-60: #493e22;
  --rds-dark-palette-brand-100: #897441;
  --rds-dark-palette-brand-130: #af9553;
  --rds-dark-palette-brand-160: #e2c06b;
  --rds-dark-palette-brand-190: #faeed1;
  --rds-dark-palette-success-10: #070b03;
  --rds-dark-palette-success-30: #101907;
  --rds-dark-palette-success-60: #2c4613;
  --rds-dark-palette-success-100: #518324;
  --rds-dark-palette-success-130: #6ea73a;
  --rds-dark-palette-success-160: #9fd36d;
  --rds-dark-palette-success-190: #e4f4d4;
  --rds-dark-palette-info-10: #010b0f;
  --rds-dark-palette-info-30: #02181f;
  --rds-dark-palette-info-60: #06455b;
  --rds-dark-palette-info-100: #247f9f;
  --rds-dark-palette-info-130: #5da1b9;
  --rds-dark-palette-info-160: #a3cad9;
  --rds-dark-palette-info-190: #e5f1f5;
  --rds-dark-palette-warning-10: #0f0801;
  --rds-dark-palette-warning-30: #211202;
  --rds-dark-palette-warning-60: #5f3507;
  --rds-dark-palette-warning-100: #ae650e;
  --rds-dark-palette-warning-130: #d08834;
  --rds-dark-palette-warning-160: #f3b976;
  --rds-dark-palette-warning-190: #fcedda;
  --rds-dark-palette-danger-10: #120503;
  --rds-dark-palette-danger-30: #290c07;
  --rds-dark-palette-danger-60: #772014;
  --rds-dark-palette-danger-100: #d83f2a;
  --rds-dark-palette-danger-130: #ee7362;
  --rds-dark-palette-danger-160: #ffb0a6;
  --rds-dark-palette-danger-190: #ffeae8;
  --rds-dark-page-background-neutral-0: #312e2b;
  --rds-dark-page-background-neutral-10: #23211f;
  --rds-dark-page-background-neutral-20: #171614;
  --rds-dark-page-background-neutral-30: #12110f;
  --rds-dark-page-background-neutral-40: #000000;
  --rds-dark-dvt-palette-qualitative-1: #57b8c2;
  --rds-dark-dvt-palette-qualitative-2: #af6109;
  --rds-dark-dvt-palette-qualitative-3: #28817e;
  --rds-dark-dvt-palette-qualitative-4: #cec3ba;
  --rds-dark-dvt-palette-qualitative-5: #4e7c46;
  --rds-dark-dvt-palette-qualitative-6: #aa5f71;
  --rds-dark-dvt-palette-qualitative-7: #e2a07e;
  --rds-dark-dvt-palette-qualitative-8: #825bbd;
  --rds-dark-dvt-palette-qualitative-9: #b89c00;
  --rds-dark-dvt-palette-qualitative-10: #d6bfe3;
  --rds-dark-dvt-palette-qualitative-11: #3e7389;
  --rds-dark-dvt-palette-qualitative-12: #42a45c;
  --rds-dark-dvt-threshold-success: #5b902b;
  --rds-dark-dvt-threshold-warning: #d08834;
  --rds-dark-dvt-threshold-danger: #e0523e;

  --rds-color-text-primary: var(--rds-light-text-icon-primary);
  --rds-color-text-secondary: var(--rds-light-text-icon-secondary);
  --rds-color-text-disabled: var(--rds-light-text-icon-disabled);
  --rds-color-text-inverse: var(--rds-light-text-icon-inverse);
  --rds-color-text-link: var(--rds-light-text-icon-link);
  --rds-color-text-danger: var(--rds-light-text-icon-danger);
  --rds-color-border-enabled: var(--rds-light-border-enabled);
  --rds-color-border-disabled: var(--rds-light-border-disabled);
  --rds-color-border-divider: var(--rds-light-border-divider);
  --rds-color-border-selected: var(--rds-light-border-selected);
  --rds-color-border-focus: var(--rds-light-border-keyboard-focus);
  --rds-color-overlay-hover: var(--rds-light-overlay-hover);
  --rds-color-overlay-active: var(--rds-light-overlay-active);
  --rds-color-surface-canvas: var(--rds-light-surface-neutral-10);
  --rds-color-surface-base: var(--rds-light-surface-neutral-0);
  --rds-color-surface-raised: var(--rds-light-surface-popup);
  --rds-color-surface-subtle: var(--rds-light-surface-neutral-subtle);
  --rds-color-surface-selected: var(--rds-light-surface-selected);
  --rds-color-surface-disabled: var(--rds-light-surface-disabled);
  --rds-color-surface-danger: var(--rds-light-surface-danger-strong);
}

[data-theme="dark"] {
  color-scheme: dark;

  --rds-color-text-primary: var(--rds-dark-text-icon-primary);
  --rds-color-text-secondary: var(--rds-dark-text-icon-secondary);
  --rds-color-text-disabled: var(--rds-dark-text-icon-disabled);
  --rds-color-text-inverse: var(--rds-dark-text-icon-inverse);
  --rds-color-text-link: var(--rds-dark-text-icon-link);
  --rds-color-text-danger: var(--rds-dark-text-icon-danger);
  --rds-color-border-enabled: var(--rds-dark-border-enabled);
  --rds-color-border-disabled: var(--rds-dark-border-disabled);
  --rds-color-border-divider: var(--rds-dark-border-divider);
  --rds-color-border-selected: var(--rds-dark-border-selected);
  --rds-color-border-focus: var(--rds-dark-border-keyboard-focus);
  --rds-color-overlay-hover: var(--rds-dark-overlay-hover);
  --rds-color-overlay-active: var(--rds-dark-overlay-active);
  --rds-color-surface-canvas: var(--rds-dark-surface-neutral-20);
  --rds-color-surface-base: var(--rds-dark-surface-neutral-0);
  --rds-color-surface-raised: var(--rds-dark-surface-popup);
  --rds-color-surface-subtle: var(--rds-dark-surface-neutral-subtle);
  --rds-color-surface-selected: var(--rds-dark-surface-selected);
  --rds-color-surface-disabled: var(--rds-dark-surface-disabled);
  --rds-color-surface-danger: var(--rds-dark-surface-danger-strong);
}