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

:root {
  --color-primary: #59A744;
  --color-primary-50: #E6F3E2;
  --color-primary-100: #DFF0DB;
  --color-primary-200: #D0E9C9;
  --color-primary-300: #B3DCA8;
  --color-primary-400: #8AC879;
  --color-primary-500: #59A744;
  --color-primary-600: #488637;
  --color-primary-700: #366529;
  --color-primary-800: #25451C;
  --color-primary-900: #13240F;
  --color-primary-950: #0C1609;
  --color-accent: #2B3991;
  --color-accent-50: #CCD1F0;
  --color-accent-100: #C4CAED;
  --color-accent-200: #ADB4E6;
  --color-accent-300: #8591DB;
  --color-accent-400: #4E5FCA;
  --color-accent-500: #2B3991;
  --color-accent-600: #222D72;
  --color-accent-700: #192052;
  --color-accent-800: #0F1433;
  --color-accent-900: #060814;
  --color-accent-950: #010204;
  --color-background: #ffffff;
  --color-foreground: #1a1a2e;
  --color-text-heading: #1e2a6e;
  --color-text-body: #2d3748;
  --color-text-muted: #64748b;
  --color-text-placeholder: #94a3b8;
  --color-text-disabled: #cbd5e1;
  --color-text-link: #1e2a6e;
  --color-text-link-hover: #121a42;
  --color-surface: #ffffff;
  --color-surface-variant: #f0f2f7;
  --color-surface-elevated: #ffffff;
  --color-border: #e2e5ed;
  --color-border-light: #f0f2f7;
  --color-border-dark: #cbd5e1;
  --color-semantic-success: #0d622c;
  --color-semantic-success-light: #98d7af;
  --color-semantic-success-border: #75a687;
  --color-semantic-success-readable: #0d622c;
  --color-semantic-error: #841717;
  --color-semantic-error-light: #ef9999;
  --color-semantic-error-border: #b77777;
  --color-semantic-error-readable: #841717;
  --color-semantic-warning: #824704;
  --color-semantic-warning-light: #eec391;
  --color-semantic-warning-border: #b89670;
  --color-semantic-warning-readable: #824704;
  --color-semantic-info: #1a45a5;
  --color-semantic-info-light: #a6bff7;
  --color-semantic-info-border: #8098cd;
  --color-semantic-info-readable: #1a45a5;
  --color-primary-readable: #417932;
  --color-text-muted-readable: #5f6e84;
  --header-bg: #ffffff;
  --header-text: #1e2a6e;
  --header-link: #2B3990;
  --header-link-hover: #121a42;
  --header-border: #e2e5ed;
  --footer-bg: #263278;
  --footer-text: #ffffff;
  --footer-link: #8dd48d;
  --footer-link-hover: #b8e5b8;
  --footer-border: #121a42;
  --nav-bg: #1e2a6e;
  --nav-text: #d6daf5;
  --nav-link: #8dd48d;
  --nav-link-hover: #ffffff;
  --nav-border: #2B3990;
  --color-btn-primary-bg: #3370b8;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-hover: #fcee10;
  --color-btn-primary-border: #3370b8;
  --color-btn-secondary-bg: #50b848;
  --color-btn-secondary-text: #ffffff;
  --color-btn-secondary-hover: #fcee10;
  --color-btn-secondary-border: #50b848;
  --font-family-heading: Montserrat;
  --font-heading-weights: 400,700;
  --font-family-body: Arial;
  --font-body-weights: 400,700;
  --spacing-base: 4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --border-width-thin: 1px;
  --border-width: 2px;
  --border-width-thick: 4px;
}

:root:where([data-theme-mode="light"]) {
  --color-primary: #59A744;
  --color-primary-50: #E6F3E2;
  --color-primary-100: #DFF0DB;
  --color-primary-200: #D0E9C9;
  --color-primary-300: #B3DCA8;
  --color-primary-400: #8AC879;
  --color-primary-500: #59A744;
  --color-primary-600: #488637;
  --color-primary-700: #366529;
  --color-primary-800: #25451C;
  --color-primary-900: #13240F;
  --color-primary-950: #0C1609;
  --color-accent: #2B3991;
  --color-accent-50: #CCD1F0;
  --color-accent-100: #C4CAED;
  --color-accent-200: #ADB4E6;
  --color-accent-300: #8591DB;
  --color-accent-400: #4E5FCA;
  --color-accent-500: #2B3991;
  --color-accent-600: #222D72;
  --color-accent-700: #192052;
  --color-accent-800: #0F1433;
  --color-accent-900: #060814;
  --color-accent-950: #010204;
  --color-background: #ffffff;
  --color-foreground: #1a1a2e;
  --color-text-heading: #1e2a6e;
  --color-text-body: #2d3748;
  --color-text-muted: #64748b;
  --color-text-placeholder: #94a3b8;
  --color-text-disabled: #cbd5e1;
  --color-text-link: #1e2a6e;
  --color-text-link-hover: #121a42;
  --color-surface: #ffffff;
  --color-surface-variant: #f0f2f7;
  --color-surface-elevated: #ffffff;
  --color-border: #e2e5ed;
  --color-border-light: #f0f2f7;
  --color-border-dark: #cbd5e1;
  --color-semantic-success: #0d622c;
  --color-semantic-success-light: #98d7af;
  --color-semantic-success-border: #75a687;
  --color-semantic-success-readable: #0d622c;
  --color-semantic-error: #841717;
  --color-semantic-error-light: #ef9999;
  --color-semantic-error-border: #b77777;
  --color-semantic-error-readable: #841717;
  --color-semantic-warning: #824704;
  --color-semantic-warning-light: #eec391;
  --color-semantic-warning-border: #b89670;
  --color-semantic-warning-readable: #824704;
  --color-semantic-info: #1a45a5;
  --color-semantic-info-light: #a6bff7;
  --color-semantic-info-border: #8098cd;
  --color-semantic-info-readable: #1a45a5;
  --color-primary-readable: #417932;
  --color-text-muted-readable: #5f6e84;
  --header-bg: #ffffff;
  --header-text: #1e2a6e;
  --header-link: #2B3990;
  --header-link-hover: #121a42;
  --header-border: #e2e5ed;
  --footer-bg: #263278;
  --footer-text: #ffffff;
  --footer-link: #8dd48d;
  --footer-link-hover: #b8e5b8;
  --footer-border: #121a42;
  --nav-bg: #1e2a6e;
  --nav-text: #d6daf5;
  --nav-link: #8dd48d;
  --nav-link-hover: #ffffff;
  --nav-border: #2B3990;
  --color-btn-primary-bg: #3370b8;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-hover: #fcee10;
  --color-btn-primary-border: #3370b8;
  --color-btn-secondary-bg: #50b848;
  --color-btn-secondary-text: #ffffff;
  --color-btn-secondary-hover: #fcee10;
  --color-btn-secondary-border: #50b848;
  --font-family-heading: Montserrat;
  --font-heading-weights: 400,700;
  --font-family-body: Arial;
  --font-body-weights: 400,700;
  --spacing-base: 4px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --border-width-thin: 1px;
  --border-width: 2px;
  --border-width-thick: 4px;
}

@font-face {
  font-family: 'Custom Font';
  src: url(https://storage.googleapis.com/korona-event-com-production-store/ac359b26533013bea4ca007bded1193d.ttf);
  font-display: swap;
}

@font-face {
  font-family: 'Custom Font';
  src: url(https://storage.googleapis.com/korona-event-com-production-store/a00eddf6af429d3d0f6dafef5e991497.ttf);
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Custom Font';
  src: url(https://storage.googleapis.com/korona-event-com-production-store/882a4645abc1ee7834170674ddce9709.ttf);
  font-style: italic;
  font-display: swap;
}