/*
 * Division of Unclaimed Funds brand theme for Telerik UI for Blazor (Default theme overrides).
 * Palette: primary #005B85, teal #247F78, green #71B417, orange #E06426, purple #4C3276, black #000000.
 *
 * Contrast note: green (#71B417) and orange (#E06426) are below 4.5:1 on white, so they are only
 * used as fills/accents with dark text, never as text colors on white.
 */
:root {
  --uf-blue: #005B85;
  --uf-blue-dark: #00486B;
  --uf-teal: #247F78;
  --uf-green: #71B417;
  --uf-orange: #E06426;
  --uf-purple: #4C3276;
  --uf-black: #000000;

  --kendo-font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --kendo-font-family-sans: var(--kendo-font-family);
  --kendo-font-family-sans-serif: var(--kendo-font-family);

  --kendo-color-app-surface: #FFFFFF;
  --kendo-color-on-app-surface: #000000;
  --kendo-color-subtle: #5F5F5F;
  --kendo-color-surface: #FFFFFF;
  --kendo-color-surface-alt: #F4F6F8;
  --kendo-color-border: #868f96;
  --kendo-color-border-alt: #898e93;

  --kendo-color-primary: #005B85;
  --kendo-color-primary-hover: #00486B;
  --kendo-color-primary-active: #003A57;
  --kendo-color-primary-subtle: #E6F0F5;
  --kendo-color-primary-subtle-hover: #D7E8F0;
  --kendo-color-primary-subtle-active: #C6DEE9;
  --kendo-color-on-primary: #FFFFFF;
  --kendo-color-primary-emphasis: #005B85;
  --kendo-color-primary-on-subtle: #003A57;
  --kendo-color-primary-on-surface: #005B85;

  --kendo-color-secondary: #247F78;
  --kendo-color-secondary-hover: #1D6862;
  --kendo-color-secondary-active: #18534E;
  --kendo-color-secondary-subtle: #E3F2F0;
  --kendo-color-on-secondary: #FFFFFF;
  --kendo-color-secondary-on-subtle: #18534E;
  --kendo-color-secondary-on-surface: #237d76;

  --kendo-color-tertiary: #4C3276;
  --kendo-color-tertiary-hover: #3E295F;
  --kendo-color-tertiary-active: #312048;
  --kendo-color-on-tertiary: #FFFFFF;

  --kendo-color-info: #247F78;
  --kendo-color-info-subtle: #E3F2F0;
  --kendo-color-on-info: #FFFFFF;
  --kendo-color-info-on-subtle: #18534E;

  --kendo-color-success: #71B417;
  --kendo-color-success-subtle: #EEF6E1;
  --kendo-color-on-success: #1d1d1d;
  --kendo-color-success-on-subtle: #3D630C;
  --kendo-color-success-on-surface: #4A740E;

  --kendo-color-warning: #E06426;
  --kendo-color-warning-subtle: #FCE9DF;
  --kendo-color-on-warning: #090909;
  --kendo-color-warning-on-subtle: #8F3A11;
  --kendo-color-warning-on-surface: #A94913;

  --kendo-color-error: #8E1B1B;
  --kendo-color-error-hover: #731616;
  --kendo-color-error-active: #5A1111;
  --kendo-color-error-subtle: #F7E1E1;
  --kendo-color-on-error: #FFFFFF;
  --kendo-color-error-on-subtle: #5A1111;
  --kendo-color-error-on-surface: #8E1B1B;
}