@import url("https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400;600&family=Nunito:wght@400;700&display=swap");

:root {
  --color-primary: #14B8A5;
  --color-primary-50: #CDF9F4;
  --color-primary-100: #C3F8F2;
  --color-primary-200: #A8F5EC;
  --color-primary-300: #7EF1E3;
  --color-primary-400: #3EEAD6;
  --color-primary-500: #14B8A5;
  --color-primary-600: #109384;
  --color-primary-700: #0C6A5F;
  --color-primary-800: #08453E;
  --color-primary-900: #04201D;
  --color-primary-950: #020E0C;
  --color-accent: #EF4343;
  --color-accent-50: #FFFFFF;
  --color-accent-100: #FEF6F6;
  --color-accent-200: #FCDEDE;
  --color-accent-300: #F9BDBD;
  --color-accent-400: #F48585;
  --color-accent-500: #EF4343;
  --color-accent-600: #E61414;
  --color-accent-700: #B71010;
  --color-accent-800: #830B0B;
  --color-accent-900: #540707;
  --color-accent-950: #3D0505;
  --color-background: #f5f0e6;
  --color-foreground: #3d2e20;
  --color-text-heading: #0f766e;
  --color-text-body: #3d2e20;
  --color-text-muted: #6e5339;
  --color-text-placeholder: #a68a70;
  --color-text-disabled: #d5cfc5;
  --color-text-link: #b33d2e;
  --color-text-link-hover: #922f24;
  --color-surface: #f5f0e6;
  --color-surface-variant: #c5d1a8;
  --color-surface-elevated: #ffffff;
  --color-border: #d5cfc5;
  --color-border-light: #e8e3d9;
  --color-border-dark: #b5a999;
  --color-semantic-success: #2c5426;
  --color-semantic-success-light: #a5c69f;
  --color-semantic-success-border: #80987d;
  --color-semantic-success-readable: #2c5426;
  --color-semantic-error: #7d2b20;
  --color-semantic-error-light: #deaaa3;
  --color-semantic-error-border: #b58680;
  --color-semantic-error-readable: #7d2b20;
  --color-semantic-warning: #824704;
  --color-semantic-warning-light: #eec391;
  --color-semantic-warning-border: #b89670;
  --color-semantic-warning-readable: #824704;
  --color-semantic-info: #0b534d;
  --color-semantic-info-light: #95c3bf;
  --color-semantic-info-border: #749d9a;
  --color-semantic-info-readable: #0b534d;
  --color-primary-readable: #0a6056;
  --color-text-muted-readable: #694f36;
  --header-bg: #f5f0e6;
  --header-text: #3d2e20;
  --header-link: #c44536;
  --header-link-hover: #a33a2d;
  --header-border: #d5cfc5;
  --footer-bg: #3d2e20;
  --footer-text: #e8e3d9;
  --footer-link: #5eead4;
  --footer-link-hover: #99f6e4;
  --footer-border: #2a1f15;
  --nav-bg: #4a3728;
  --nav-text: #ffffff;
  --nav-link: #ffffff;
  --nav-link-hover: #ccfbf1;
  --nav-border: #3d2e20;
  --color-btn-primary-bg: #c44536;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-hover: #a33a2d;
  --color-btn-primary-border: #c44536;
  --color-btn-secondary-bg: #0f766e;
  --color-btn-secondary-text: #ffffff;
  --color-btn-secondary-hover: #115e59;
  --color-btn-secondary-border: #0f766e;
  --font-family-heading: Fredoka One;
  --font-heading-weights: 400,600;
  --font-family-body: Nunito;
  --font-body-weights: 400,700;
  --spacing-base: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --border-width-thin: 1px;
  --border-width: 2px;
  --border-width-thick: 4px;
}

:root:where([data-theme-mode="light"]) {
  --color-primary: #14B8A5;
  --color-primary-50: #CDF9F4;
  --color-primary-100: #C3F8F2;
  --color-primary-200: #A8F5EC;
  --color-primary-300: #7EF1E3;
  --color-primary-400: #3EEAD6;
  --color-primary-500: #14B8A5;
  --color-primary-600: #109384;
  --color-primary-700: #0C6A5F;
  --color-primary-800: #08453E;
  --color-primary-900: #04201D;
  --color-primary-950: #020E0C;
  --color-accent: #EF4343;
  --color-accent-50: #FFFFFF;
  --color-accent-100: #FEF6F6;
  --color-accent-200: #FCDEDE;
  --color-accent-300: #F9BDBD;
  --color-accent-400: #F48585;
  --color-accent-500: #EF4343;
  --color-accent-600: #E61414;
  --color-accent-700: #B71010;
  --color-accent-800: #830B0B;
  --color-accent-900: #540707;
  --color-accent-950: #3D0505;
  --color-background: #f5f0e6;
  --color-foreground: #3d2e20;
  --color-text-heading: #0f766e;
  --color-text-body: #3d2e20;
  --color-text-muted: #6e5339;
  --color-text-placeholder: #a68a70;
  --color-text-disabled: #d5cfc5;
  --color-text-link: #b33d2e;
  --color-text-link-hover: #922f24;
  --color-surface: #f5f0e6;
  --color-surface-variant: #c5d1a8;
  --color-surface-elevated: #ffffff;
  --color-border: #d5cfc5;
  --color-border-light: #e8e3d9;
  --color-border-dark: #b5a999;
  --color-semantic-success: #2c5426;
  --color-semantic-success-light: #a5c69f;
  --color-semantic-success-border: #80987d;
  --color-semantic-success-readable: #2c5426;
  --color-semantic-error: #7d2b20;
  --color-semantic-error-light: #deaaa3;
  --color-semantic-error-border: #b58680;
  --color-semantic-error-readable: #7d2b20;
  --color-semantic-warning: #824704;
  --color-semantic-warning-light: #eec391;
  --color-semantic-warning-border: #b89670;
  --color-semantic-warning-readable: #824704;
  --color-semantic-info: #0b534d;
  --color-semantic-info-light: #95c3bf;
  --color-semantic-info-border: #749d9a;
  --color-semantic-info-readable: #0b534d;
  --color-primary-readable: #0a6056;
  --color-text-muted-readable: #694f36;
  --header-bg: #f5f0e6;
  --header-text: #3d2e20;
  --header-link: #c44536;
  --header-link-hover: #a33a2d;
  --header-border: #d5cfc5;
  --footer-bg: #3d2e20;
  --footer-text: #e8e3d9;
  --footer-link: #5eead4;
  --footer-link-hover: #99f6e4;
  --footer-border: #2a1f15;
  --nav-bg: #4a3728;
  --nav-text: #ffffff;
  --nav-link: #ffffff;
  --nav-link-hover: #ccfbf1;
  --nav-border: #3d2e20;
  --color-btn-primary-bg: #c44536;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-hover: #a33a2d;
  --color-btn-primary-border: #c44536;
  --color-btn-secondary-bg: #0f766e;
  --color-btn-secondary-text: #ffffff;
  --color-btn-secondary-hover: #115e59;
  --color-btn-secondary-border: #0f766e;
  --font-family-heading: Fredoka One;
  --font-heading-weights: 400,600;
  --font-family-body: Nunito;
  --font-body-weights: 400,700;
  --spacing-base: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --border-width-thin: 1px;
  --border-width: 2px;
  --border-width-thick: 4px;
}

@font-face { font-family: 'Museo Slab'; src: url('https://78d31570.delivery.rocketcdn.me/wp-content/themes/FTT2013/library/fonts/museo_slab-webfont.woff'); }
@font-family: verdana
@font-size: 20px;