/**
 * Riverty Design System tokens - version - 1.1.3
 * 
 * Legacy Tokens
 */

:root {
  --r-color-semantic-red: #da1e28;
  --r-color-semantic-orange: #f26a20;
  --r-color-semantic-green: #298535;
  --r-color-semantic-blue: #466882;
  --r-color-semantic-focus-blue: #0071e3;
  --r-color-semantic-red-100: #fef6f6;
  --r-color-semantic-orange-100: #fef9f5;
  --r-color-semantic-green-100: #f7fdf8;
  --r-color-semantic-blue-100: #f8fafb;
  --r-color-neutral-white: #ffffff;
  --r-color-orange-ember-400: #ef706b;
  --r-color-orange-ember: #ef706b;
  --r-color-white-haze-600: #bfbdbb;
  --r-color-white-haze-500: #d4d1cf;
  --r-color-white-haze-400: #e7e4e2;
  --r-color-white-haze: #e7e4e2;
  --r-color-white-haze-300: #ece9e8;
  --r-color-white-haze-200: #f3f1f0;
  --r-color-grey-charcoal-600: #000000;
  --r-color-grey-charcoal-500: #141414;
  --r-color-grey-charcoal-400: #282828;
  --r-color-grey-charcoal: #282828;
  --r-color-grey-charcoal-300: #686868;
  --r-color-grey-charcoal-200: #c9c9c9;
  --r-color-green-vanguard-600: #37522c;
  --r-color-green-vanguard-500: #456637;
  --r-color-green-vanguard-400: #527a42;
  --r-color-green-vanguard: #527a42;
  --r-color-green-vanguard-300: #86a27b;
  --r-color-green-vanguard-200: #cbd7c6;
  --r-color-green-vanguard-100: #e5ebe3;
  --r-color-focus-blue: #0071e3;
  --r-font-size-desktop-900: 3.5rem;
  --r-font-size-desktop-800: 2.875rem;
  --r-font-size-desktop-700: 2.25rem;
  --r-font-size-desktop-600: 1.75rem;
  --r-font-size-desktop-500: 1.375rem;
  --r-font-size-desktop-400: 1rem;
  --r-font-size-desktop-300: 0.875rem;
  --r-font-size-desktop-200: 0.8125rem;
  --r-font-size-mobile-900: 2.625rem;
  --r-font-size-mobile-800: 1.875rem;
  --r-font-size-mobile-700: 1.75rem;
  --r-font-size-mobile-600: 1.5rem;
  --r-font-size-mobile-500: 1.25rem;
  --r-font-size-mobile-400: 1rem;
  --r-font-size-mobile-300: 0.875rem;
  --r-font-size-mobile-200: 0.8125rem;
  --r-font-weight-semibold: 600;
  --r-font-weight-regular: 400;
  --r-font-weight-light: 300;
  --r-font-family-heading: "GT Ultra Median", Skeena, ui-serif, serif;
  --r-font-family-text:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", sans-serif;
  --r-icon-size-s: 16px;
  --r-icon-size-m: 24px;
  --r-icon-size-l: 32px;
  --r-line-height-xs: 1.1;
  --r-line-height-s: 1.2;
  --r-line-height-m: 1.5;
  --r-line-height-l: 1.7;
  --r-spacing-025: 0.25rem;
  --r-spacing-050: 0.5rem;
  --r-spacing-075: 0.75rem;
  --r-spacing-100: 1rem;
  --r-spacing-125: 1.25rem;
  --r-spacing-150: 1.5rem;
  --r-spacing-175: 1.75rem;
  --r-spacing-200: 2rem;
  --r-spacing-225: 2.25rem;
  --r-spacing-250: 2.5rem;
  --r-spacing-275: 2.75rem;
  --r-spacing-300: 3rem;
  --r-spacing-350: 3.5rem;
  --r-spacing-400: 4rem;
  --r-spacing-450: 4.5rem;
  --r-spacing-500: 5rem;
}

/**
 * Base Tokens
 */

:root {
  --r-vanguard-600: #37522c;
  --r-vanguard-500: #456637;
  --r-vanguard-400: #527a42;
  --r-vanguard-300: #86a27b;
  --r-vanguard-200: #cbd7c6;
  --r-vanguard-100: #e5ebe3;
  --r-haze-600: #bfbdbb;
  --r-haze-500: #d4d1cf;
  --r-haze-400: #e7e4e2;
  --r-haze-300: #ece9e8;
  --r-haze-200: #f3f1f0;
  --r-charcoal-500: #141414;
  --r-charcoal-600: #000000;
  --r-charcoal-400: #282828;
  --r-charcoal-300: #686868;
  --r-charcoal-200: #c9c9c9;
  --r-neutral-white: #ffffff;
  --r-ember-400: #ef706b;
  --r-blue-400: #466882;
  --r-blue-100: #f8fafb;
  --r-green-400: #298535;
  --r-green-100: #f7fdf8;
  --r-orange-400: #f26a20;
  --r-orange-100: #fef9f5;
  --r-rustyorange-400: #89411a;
  --r-red-400: #da1e28;
  --r-red-100: #fef6f6;
  --r-data-010: #6e8bc9;
  --r-data-020: #cd7255;
  --r-data-030: #6e8d9a;
  --r-data-040: #9a78d3;
  --r-data-050: #b98427;
  --r-data-060: #3e4059;
  --r-data-070: #b472b6;
  --r-data-080: #5d0e07;
  --r-data-090: #519a71;
  --r-data-100: #da6767;
  --r-dark-red-600: #190606;
  --r-dark-red-500: #ff6972;
  --r-dark-red-400: #ff4d56;
  --r-dark-red-400-alpha-2: rgba(220, 60, 62, 0.12);
  --r-data-dark-060: #6f7295;
  --r-dark-data-080: #ac5a53;
  --r-dark-orange-400: #ffb557;
  --r-dark-orange-400-alpha-2: rgba(255, 181, 87, 0.12);
  --r-dark-rustyorange-500: #31281c;
  --r-dark-rustyorange-400: #ffb24d;
  --r-dark-green-500: #212b22;
  --r-dark-green-400: #80ce88;
  --r-dark-green-400-alpha-2: rgba(128, 206, 136, 0.12);
  --r-dark-blue-600: #222528;
  --r-dark-blue-400: #849fb7;
  --r-dark-blue-300: #99b4cc;
  --r-dark-blue-400-alpha-2: rgba(132, 159, 183, 0.12);
  --r-azure-400: #006ad5;
  --r-focused-400: #0071e3;
  --r-charcoal-400-alpha-04: rgba(40, 40, 40, 0.04);
  --r-haze-200-alpha-04: rgba(243, 241, 240, 0.04);
  --r-charcoal-400-alpha-08: rgba(40, 40, 40, 0.08);
  --r-haze-200-alpha-08: rgba(243, 241, 240, 0.08);
  --r-charcoal-400-alpha-12: rgba(40, 40, 40, 0.12);
  --r-haze-200-alpha-12: rgba(243, 241, 240, 0.12);
  --r-charcoal-600-alpha-48: rgba(0, 0, 0, 0.48);
  --r-charcoal-600-alpha-80: rgba(0, 0, 0, 0.8);
  --r-dark-vanguard-400: #6da258;
  --r-dark-azure-400: #51a8ff;
  --r-spacing-025: 0.25rem;
  --r-spacing-050: 0.5rem;
  --r-spacing-075: 0.75rem;
  --r-spacing-100: 1rem;
  --r-spacing-125: 1.25rem;
  --r-spacing-150: 1.5rem;
  --r-spacing-175: 1.75rem;
  --r-spacing-200: 2rem;
  --r-spacing-225: 2.25rem;
  --r-spacing-250: 2.5rem;
  --r-spacing-275: 2.75rem;
  --r-spacing-300: 3rem;
  --r-spacing-350: 3.5rem;
  --r-spacing-400: 4rem;
  --r-spacing-450: 4.5rem;
  --r-spacing-500: 5rem;
}

/**
 * Semantic Color Tokens - Light
 */

:root,
[data-theme="light"] {
  --r-internal-theme-state: light;
  --r-text-strong: var(--r-charcoal-600);
  --r-text-regular: var(--r-charcoal-400);
  --r-text-soft: var(--r-charcoal-300);
  --r-text-softer: var(--r-charcoal-200);
  --r-text-inverse: var(--r-neutral-white);
  --r-text-warning: var(--r-charcoal-400);
  --r-text-brand: var(--r-vanguard-400);
  --r-link-enabled: var(--r-azure-400);
  --r-icon-regular: var(--r-charcoal-400);
  --r-icon-soft: var(--r-charcoal-300);
  --r-icon-inverse: var(--r-neutral-white);
  --r-icon-warning: var(--r-charcoal-400);
  --r-icon-brand-vanguard: var(--r-vanguard-400);
  --r-icon-regular-static: var(--r-charcoal-400);
  --r-border-strong: var(--r-charcoal-600);
  --r-text-onbrand: var(--r-neutral-white);
  --r-border-regular: var(--r-charcoal-400);
  --r-border-soft: var(--r-charcoal-300);
  --r-border-softer: var(--r-charcoal-200);
  --r-border-softest: var(--r-haze-400);
  --r-border-focused: var(--r-focused-400);
  --r-border-focused-outlined: var(--r-neutral-white);
  --r-border-inverse: var(--r-neutral-white);
  --r-border-brand-vanguard: var(--r-vanguard-400);
  --r-background-soft: var(--r-haze-200);
  --r-background-softest: var(--r-neutral-white);
  --r-background-inverse: var(--r-charcoal-400);
  --r-background-overlay: var(--r-charcoal-600-alpha-48);
  --r-background-modal: var(--r-haze-200);
  --r-background-interactive-strong: var(--r-charcoal-600);
  --r-background-interactive-regular: var(--r-charcoal-400);
  --r-background-interactive-softer: var(--r-haze-400);
  --r-background-interactive-softest: var(--r-neutral-white);
  --r-background-interactive-hovered: var(--r-charcoal-400-alpha-04);
  --r-background-interactive-pressed: var(--r-charcoal-400-alpha-12);
  --r-background-interactive-activated: var(--r-charcoal-400-alpha-08);
  --r-background-brand-vanguard: var(--r-vanguard-400);
  --r-background-brand-vanguard-softest: var(--r-vanguard-100);
  --r-background-softest-static: var(--r-neutral-white);
  --r-status-error-regular: var(--r-red-400);
  --r-status-error-soft: var(--r-red-100);
  --r-status-warning-regular: var(--r-orange-400);
  --r-status-warning-soft: var(--r-orange-100);
  --r-status-warning-strong: var(--r-rustyorange-400);
  --r-status-success-regular: var(--r-green-400);
  --r-status-success-soft: var(--r-green-100);
  --r-status-info-regular: var(--r-blue-400);
  --r-status-info-soft: var(--r-blue-100);
  --r-logo-brand-regular: var(--r-charcoal-400);
  --r-logo-brand-inverse: var(--r-haze-400);
  --r-logo-brand-vanguard: var(--r-vanguard-400);
  --r-logo-brand-ember: var(--r-ember-400);
}

/**
 * Semantic Color Tokens - Dark
 */

[data-theme="dark"] {
  --r-internal-theme-state: dark;
  --r-text-strong: var(--r-neutral-white);
  --r-text-regular: var(--r-haze-200);
  --r-text-soft: var(--r-charcoal-200);
  --r-text-softer: var(--r-charcoal-300);
  --r-text-inverse: var(--r-charcoal-400);
  --r-text-warning: var(--r-charcoal-400);
  --r-text-brand: var(--r-dark-vanguard-400);
  --r-link-enabled: var(--r-dark-azure-400);
  --r-icon-regular: var(--r-haze-200);
  --r-icon-soft: var(--r-charcoal-200);
  --r-icon-inverse: var(--r-charcoal-400);
  --r-icon-warning: var(--r-charcoal-400);
  --r-icon-brand-vanguard: var(--r-dark-vanguard-400);
  --r-icon-regular-static: var(--r-charcoal-400);
  --r-border-strong: var(--r-neutral-white);
  --r-text-onbrand: var(--r-neutral-white);
  --r-border-regular: var(--r-haze-200);
  --r-border-soft: var(--r-charcoal-300);
  --r-border-softer: var(--r-charcoal-300);
  --r-border-softest: var(--r-charcoal-200);
  --r-border-focused: var(--r-focused-400);
  --r-border-focused-outlined: var(--r-neutral-white);
  --r-border-inverse: var(--r-charcoal-400);
  --r-border-brand-vanguard: var(--r-dark-vanguard-400);
  --r-background-soft: var(--r-charcoal-500);
  --r-background-softest: var(--r-charcoal-400);
  --r-background-inverse: var(--r-haze-200);
  --r-background-overlay: var(--r-charcoal-600-alpha-80);
  --r-background-modal: var(--r-charcoal-400);
  --r-background-interactive-strong: var(--r-haze-500);
  --r-background-interactive-regular: var(--r-haze-200);
  --r-background-interactive-softer: var(--r-charcoal-600);
  --r-background-interactive-softest: var(--r-charcoal-400);
  --r-background-interactive-hovered: var(--r-haze-200-alpha-04);
  --r-background-interactive-pressed: var(--r-haze-200-alpha-12);
  --r-background-interactive-activated: var(--r-haze-200-alpha-08);
  --r-background-brand-vanguard: var(--r-dark-vanguard-400);
  --r-background-brand-vanguard-softest: var(--r-vanguard-100);
  --r-background-softest-static: var(--r-neutral-white);
  --r-status-error-regular: var(--r-dark-red-500);
  --r-status-error-soft: var(--r-dark-red-600);
  --r-status-warning-regular: var(--r-dark-orange-400);
  --r-status-warning-soft: var(--r-dark-rustyorange-500);
  --r-status-warning-strong: var(--r-dark-rustyorange-400);
  --r-status-success-regular: var(--r-dark-green-400);
  --r-status-success-soft: var(--r-dark-green-500);
  --r-status-info-regular: var(--r-dark-blue-300);
  --r-status-info-soft: var(--r-dark-blue-600);
  --r-logo-brand-regular: var(--r-haze-400);
  --r-logo-brand-inverse: var(--r-charcoal-400);
  --r-logo-brand-vanguard: var(--r-vanguard-400);
  --r-logo-brand-ember: var(--r-ember-400);
}

/**
 * Semantic Color Tokens - Dark
 */

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    color-scheme: dark;
    --r-internal-theme-state: dark;
    --r-text-strong: var(--r-neutral-white);
    --r-text-regular: var(--r-haze-200);
    --r-text-soft: var(--r-charcoal-200);
    --r-text-softer: var(--r-charcoal-300);
    --r-text-inverse: var(--r-charcoal-400);
    --r-text-warning: var(--r-charcoal-400);
    --r-text-brand: var(--r-dark-vanguard-400);
    --r-link-enabled: var(--r-dark-azure-400);
    --r-icon-regular: var(--r-haze-200);
    --r-icon-soft: var(--r-charcoal-200);
    --r-icon-inverse: var(--r-charcoal-400);
    --r-icon-warning: var(--r-charcoal-400);
    --r-icon-brand-vanguard: var(--r-dark-vanguard-400);
    --r-icon-regular-static: var(--r-charcoal-400);
    --r-border-strong: var(--r-neutral-white);
    --r-text-onbrand: var(--r-neutral-white);
    --r-border-regular: var(--r-haze-200);
    --r-border-soft: var(--r-charcoal-300);
    --r-border-softer: var(--r-charcoal-300);
    --r-border-softest: var(--r-charcoal-200);
    --r-border-focused: var(--r-focused-400);
    --r-border-focused-outlined: var(--r-neutral-white);
    --r-border-inverse: var(--r-charcoal-400);
    --r-border-brand-vanguard: var(--r-dark-vanguard-400);
    --r-background-soft: var(--r-charcoal-500);
    --r-background-softest: var(--r-charcoal-400);
    --r-background-inverse: var(--r-haze-200);
    --r-background-overlay: var(--r-charcoal-600-alpha-80);
    --r-background-modal: var(--r-charcoal-400);
    --r-background-interactive-strong: var(--r-haze-500);
    --r-background-interactive-regular: var(--r-haze-200);
    --r-background-interactive-softer: var(--r-charcoal-600);
    --r-background-interactive-softest: var(--r-charcoal-400);
    --r-background-interactive-hovered: var(--r-haze-200-alpha-04);
    --r-background-interactive-pressed: var(--r-haze-200-alpha-12);
    --r-background-interactive-activated: var(--r-haze-200-alpha-08);
    --r-background-brand-vanguard: var(--r-dark-vanguard-400);
    --r-background-brand-vanguard-softest: var(--r-vanguard-100);
    --r-background-softest-static: var(--r-neutral-white);
    --r-status-error-regular: var(--r-dark-red-500);
    --r-status-error-soft: var(--r-dark-red-600);
    --r-status-warning-regular: var(--r-dark-orange-400);
    --r-status-warning-soft: var(--r-dark-rustyorange-500);
    --r-status-warning-strong: var(--r-dark-rustyorange-400);
    --r-status-success-regular: var(--r-dark-green-400);
    --r-status-success-soft: var(--r-dark-green-500);
    --r-status-info-regular: var(--r-dark-blue-300);
    --r-status-info-soft: var(--r-dark-blue-600);
    --r-logo-brand-regular: var(--r-haze-400);
    --r-logo-brand-inverse: var(--r-charcoal-400);
    --r-logo-brand-vanguard: var(--r-vanguard-400);
    --r-logo-brand-ember: var(--r-ember-400);
  }
}
/**
 * Specify supported color scheme aligned to theming behaivor
 */
[data-theme="auto"] {
  color-scheme: light dark;
}
[data-theme="light"] {
  color-scheme: light;
}
[data-theme="dark"] {
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    color-scheme: dark;
  }
}