/* AUTO-GENERATED from tokens/tokens.json by scripts/build-tokens.mjs. Do not edit by hand. */
:root {
  --ziro-color-brand-primary: #4a7a1f;
  --ziro-color-brand-secondary: #4a4a4a;
  --ziro-color-brand-lime: #84bb4a;
  --ziro-color-brand-success: #0a9a87;
  --ziro-color-brand-info: #50c3e6;
  --ziro-color-brand-warning: #e8bc52;
  --ziro-color-brand-danger: #ed5e5e;
  --ziro-color-brand-light: #f3f6f9;
  --ziro-color-brand-dark: #363d48;
  --ziro-color-palette-blue: #6691e7;
  --ziro-color-palette-indigo: #405189;
  --ziro-color-palette-purple: #865ce2;
  --ziro-color-palette-pink: #f672a7;
  --ziro-color-palette-red: #ed5e5e;
  --ziro-color-palette-orange: #f1963b;
  --ziro-color-palette-yellow: #e8bc52;
  --ziro-color-palette-green: #13c56b;
  --ziro-color-palette-teal: #02a8b5;
  --ziro-color-palette-cyan: #50c3e6;
  --ziro-color-neutral-white: #ffffff;
  --ziro-color-neutral-black: #000000;
  --ziro-color-neutral-gray-100: #f3f6f9;
  --ziro-color-neutral-gray-200: #eff2f7;
  --ziro-color-neutral-gray-300: #e9ebec;
  --ziro-color-neutral-gray-400: #ced4da;
  --ziro-color-neutral-gray-500: #adb5bd;
  --ziro-color-neutral-gray-600: #878a99;
  --ziro-color-neutral-gray-700: #495057;
  --ziro-color-neutral-gray-800: #363d48;
  --ziro-color-neutral-gray-900: #212529;
  --ziro-color-body-bg: #f3f6f9;
  --ziro-color-body-color: #212529;
  --ziro-color-body-border: #e9ebec;
  --ziro-color-component-active-color: #ffffff;
  --ziro-color-component-active-bg: #4a7a1f;
  --ziro-color-ziro-green: #4a7a1f;
  --ziro-color-ziro-deep-green: #3f6b1a;
  --ziro-color-ziro-lime: #84bb4a;
  --ziro-color-ziro-charcoal: #4a4a4a;
  --ziro-color-ziro-teal: #0a9a87;
  --ziro-color-dark-body-bg: #1a1d21;
  --ziro-color-dark-sidebar-bg: #4a4a4a;
  --ziro-color-dark-header-bg: #4a4a4a;
  --ziro-color-dark-primary: #84bb4a;
  --ziro-color-dark-primary-contrast: #212529;
  --ziro-color-dark-secondary: #8a8a8a;
  --ziro-typography-font-family-base: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-primary: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-headings: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-signature: "Dancing Script", "Be Vietnam Pro", cursive;
  --ziro-typography-font-family-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, Consolas, "Liberation Mono", "Noto Sans Mono", monospace;
  --ziro-typography-font-size-base: 0.825rem;
  --ziro-typography-line-height-base: 1.5;
  --ziro-typography-headings-font-weight: 600;
  --ziro-typography-font-weight-light: 300;
  --ziro-typography-font-weight-normal: 400;
  --ziro-typography-font-weight-medium: 500;
  --ziro-typography-font-weight-semibold: 600;
  --ziro-typography-font-weight-bold: 700;
  --ziro-spacing-base: 1rem;
  --ziro-spacing-scale-0: 0;
  --ziro-spacing-scale-1: 0.25rem;
  --ziro-spacing-scale-2: 0.5rem;
  --ziro-spacing-scale-3: 1rem;
  --ziro-spacing-scale-4: 1.5rem;
  --ziro-spacing-scale-5: 3rem;
  --ziro-radius-sm: 0.2rem;
  --ziro-radius-base: 0.25rem;
  --ziro-radius-lg: 0.3rem;
  --ziro-radius-xl: 1rem;
  --ziro-radius-xxl: 2rem;
  --ziro-radius-pill: 50rem;
  --ziro-shadow-base: 0 1px 2px rgba(56,65,74,0.15);
  --ziro-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
  --ziro-shadow-lg: 0 5px 10px rgba(30,32,37,0.12);
  --ziro-shadow-inset: inset 0 1px 2px rgba(0,0,0,0.075);
  --ziro-layout-header-height: 70px;
  --ziro-layout-footer-height: 60px;
  --ziro-layout-sidebar-width: 250px;
  --ziro-layout-sidebar-width-md: 180px;
  --ziro-layout-sidebar-width-sm: 70px;
  --ziro-layout-twocolumn-menu-width: 220px;
  --ziro-layout-twocolumn-iconview-width: 70px;
  --ziro-layout-navbar-brand-box-width: 240px;
  --ziro-layout-boxed-layout-width: 1300px;
  --ziro-a11y-min-contrast-ratio: 1.75;
}

[data-bs-theme="dark"] {
  --ziro-color-body-bg: #1a1d21;
  --ziro-color-body-color: #ced4da;
  --ziro-color-brand-primary: #84bb4a;
  --ziro-color-brand-secondary: #8a8a8a;
  --ziro-color-component-active-bg: #84bb4a;
  --ziro-color-component-active-color: #212529;
}

:root:lang(ko) {
  --ziro-typography-font-family-base: "Be Vietnam Pro", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-primary: "Be Vietnam Pro", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-headings: "Be Vietnam Pro", "Noto Sans KR", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-signature: "Dancing Script", "Be Vietnam Pro", "Noto Sans KR", cursive;
}

:root:lang(ja) {
  --ziro-typography-font-family-base: "Be Vietnam Pro", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-primary: "Be Vietnam Pro", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-headings: "Be Vietnam Pro", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
  --ziro-typography-font-family-signature: "Dancing Script", "Be Vietnam Pro", "Noto Sans JP", cursive;
}