/* =============================================================================
   CAT IN A FLAT THEME
   =============================================================================
*/

/* Cat in a Flat Brand Theme */
html[data-theme="cat-in-a-flat"] {
  --color-background-primary: #ffffff;
  --color-background-secondary: #fcf6ed;
  --color-background-tertiary: #faeddd;
  --color-background-contrast: #593647;
  --color-background-accent: #fcf6ed;
  --color-background-accent-secondary: #ecf1fb;
  --color-background-overlay: #1f2124;
  --color-background-overlay-accent: #019c6d;
  --color-background-error: #ffeae6;
  --color-background-caution: #fcf6ed;
  --color-background-success: #edfff6;
  --color-background-info: #f4f5f6;
  --color-background-highlight: #e9f8fa;
  --color-background-attention-highlight: #f3b86b;
  --color-background-attention-blue: #c5d5f2;
  --color-background-navigation: #593647;
  --color-border-primary: #c9cfd4;
  --color-border-secondary: #d7dce0;
  --color-border-contrast: #62686e;
  --color-border-error: #ba4632;
  --color-border-caution: #f3b86b;
  --color-border-success: #01845c;
  --color-border-info: #c9cfd4;
  --color-border-highlight: #156a73;
  --color-border-input-focus: #2e67d1;
  --color-blue-100: #ecf1fb;
  --color-blue-200: #c5d5f2;
  --color-blue-300: #a3bdeb;
  --color-blue-400: #7da1e2;
  --color-blue-500: #5685da;
  --color-blue-600: #2e67d1;
  --color-blue-700: #2d5cb1;
  --color-blue-800: #24498c;
  --color-blue-900: #172f5b;
  --color-cyan-100: #e9f8fa;
  --color-cyan-200: #9de0e9;
  --color-cyan-300: #54cddb;
  --color-cyan-400: #3eb0bd;
  --color-cyan-500: #479aa4;
  --color-cyan-600: #117883;
  --color-cyan-700: #156a73;
  --color-cyan-800: #15545b;
  --color-cyan-900: #07363b;
  --color-green-100: #edfff6;
  --color-green-200: #baead2;
  --color-green-300: #5ad1a0;
  --color-green-400: #19b682;
  --color-green-500: #019c6d;
  --color-green-600: #01845c;
  --color-green-700: #0a6c4b;
  --color-green-800: #16563d;
  --color-green-900: #133829;
  --color-orange-100: #fcf5ef;
  --color-orange-200: #ffd4a8;
  --color-orange-300: #ffa96e;
  --color-orange-400: #ff8a46;
  --color-orange-500: #ff7525;
  --color-orange-600: #e0621b;
  --color-orange-700: #bb4f12;
  --color-orange-800: #77320b;
  --color-orange-900: #331706;
  --color-pink-100: #f7f4f5;
  --color-pink-200: #fdd7e8;
  --color-pink-300: #faa5ce;
  --color-pink-400: #ea8bba;
  --color-pink-500: #d582ab;
  --color-pink-600: #a46081;
  --color-pink-700: #593647;
  --color-pink-800: #4b2438;
  --color-pink-900: #29111e;
  --color-red-100: #ffeae6;
  --color-red-200: #ffc5bb;
  --color-red-300: #ffa293;
  --color-red-400: #f4715f;
  --color-red-500: #e05c44;
  --color-red-600: #ba4632;
  --color-red-700: #a1402f;
  --color-red-800: #7c3324;
  --color-red-900: #51231b;
  --color-yellow-100: #fcf6ed;
  --color-yellow-200: #faeddd;
  --color-yellow-300: #fcdab1;
  --color-yellow-400: #f3b86b;
  --color-yellow-500: #d49234;
  --color-yellow-600: #ba7c1a;
  --color-yellow-700: #7f5516;
  --color-yellow-800: #644418;
  --color-yellow-900: #412d12;
  --color-neutral-100: #f4f5f6;
  --color-neutral-200: #e6e8eb;
  --color-neutral-300: #d7dce0;
  --color-neutral-400: #c9cfd4;
  --color-neutral-500: #9ea5ac;
  --color-neutral-600: #767c82;
  --color-neutral-700: #62686e;
  --color-neutral-800: #404347;
  --color-neutral-900: #1f2124;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-brand-active-brand: #f4715f;
  --color-brand-rover: #00bd70;
  --color-brand-dogbuddy: #ff5a5b;
  --color-brand-catinaflat: #f4715f;
  --color-brand-facebook: #3b5998;
  --color-brand-instagram: #8a3ab9;
  --color-brand-twitter: #1da1f2;
  --color-brand-x: #000000;
  --color-brand-pinterest: #c8232c;
  --color-brand-linkedin: #0a66c2;
  --color-brand-tiktok: #000000;
  --color-brand-youtube: #ff0000;
  --color-brand-reddit: #ff4500;
  --color-brand-google: #4285f4;
  --color-brand-apple: #000000;
  --color-interactive-primary: #2e67d1;
  --color-interactive-primary-pressed: #2d5cb1;
  --color-interactive-background-primary-base: #ffffff;
  --color-interactive-background-primary-pressed: #f4f5f6;
  --color-interactive-background-primary-active: #593647;
  --color-interactive-background-primary-active-pressed: #29111e;
  --color-interactive-background-button-primary-base: #593647;
  --color-interactive-background-button-primary-pressed: #29111e;
  --color-interactive-background-button-primary-inverse-base: #f7f4f5;
  --color-interactive-background-button-primary-inverse-pressed: #fdd7e8;
  --color-interactive-background-destructive-base: #ba4632;
  --color-interactive-background-destructive-hover: #a1402f;
  --color-interactive-background-disabled-base: #f4f5f6;
  --color-interactive-border-primary-base: #c9cfd4;
  --color-interactive-border-primary-pressed: #767c82;
  --color-interactive-border-primary-active: #593647;
  --color-interactive-border-primary-active-pressed: #29111e;
  --color-interactive-border-disabled-base: #e6e8eb;
  --color-interactive-text-primary-base: #404347;
  --color-interactive-text-primary-active: #593647;
  --color-interactive-text-disabled-base: #9ea5ac;
  --color-interactive-text-destructive-base: #ba4632;
  --color-interactive-text-link-primary-base: #117883;
  --color-interactive-text-link-primary-pressed: #15545b;
  --color-interactive-text-link-primary-inverse-base: #e9f8fa;
  --color-interactive-text-link-primary-inverse-pressed: #54cddb;
  --color-interactive-text-link-secondary-base: #593647;
  --color-interactive-text-link-secondary-pressed: #29111e;
  --color-interactive-text-link-secondary-inverse-base: #f7f4f5;
  --color-interactive-text-link-secondary-inverse-pressed: #faa5ce;
  --color-interactive-link-primary-base: #117883;
  --color-interactive-link-primary-hover: #15545b;
  --color-interactive-link-primary-visited: #117883;
  --color-interactive-link-primary-inverse-base: #54cddb;
  --color-interactive-link-primary-inverse-hover: #e9f8fa;
  --color-interactive-link-primary-inverse-visited: #54cddb;
  --color-interactive-link-secondary-base: #593647;
  --color-interactive-link-secondary-hover: #29111e;
  --color-interactive-link-secondary-visited: #593647;
  --color-interactive-link-secondary-inverse-base: #f7f4f5;
  --color-interactive-link-secondary-inverse-hover: #faa5ce;
  --color-interactive-link-secondary-inverse-visited: #f7f4f5;
  --color-separator-primary: #d7dce0;
  --color-temporary-button-tertiary-background-pressed: #7da1e2;
  --color-temporary-button-destructive-background-pressed: #f4715f;
  --color-temporary-button-primary-disabled-background: #01845c;
  --color-text-primary: #1f2124;
  --color-text-primary-inverse: #ffffff;
  --color-text-secondary: #404347;
  --color-text-secondary-inverse: #f4f5f6;
  --color-text-tertiary: #62686e;
  --color-text-tertiary-inverse: #e6e8eb;
  --color-text-placeholder: #62686e;
  --color-text-disabled: #9ea5ac;
  --color-text-price: #bb4f12;
  --color-text-error: #ba4632;
  --color-text-caution: #644418;
  --color-text-success: #0a6c4b;
  --color-text-navigation: #ffffff;
  --color-text-navigation-hover: #d7dce0;
  --color-text-display: #f4715f;
}