/* //////////////////////////////////////////////////

Title : variables.scss
For   : hospis/

Created       : 2025-09-26
Last Modified : 2025-09-26

==========================================

Content

////////////////////////////////////////////////// */
/**
 * variables
 */
:root {
  /* --- colors --- */
  --color-theme: #3c8eb4;
  --color-theme-light: #44a4d0;
  --color-theme-pale: #f4fcff;
  --color-background-default: #edfafa;
  --color-alert: #DB0000;
  --color-highlight: #ff805a;
  --color-highlight-background: #faf0ed;
  --color-base: var(--color-black);
  --color-black: #000000;
  --color-white: #fff;
  --color-dark: #222;
  --color-deep-gray: #707070;
  --color-middle-gray: #d6d6d6;
  --color-light-gray: #f5f5f5;
  --color-soft-white: #f7f7f7;
  /* --- fonts --- */
  --font-base: var(--font-ja), sans-serif;
  --font-combine: var(--font-en), var(--font-ja), sans-serif;
  --font-ja: "Noto Sans JP";
  --font-en: "Montserrat";
  /* --- container size --- */
  --container-fluid: 100%;
  --container-wide-value: 1920;
  --container-wide: calc(var(--container-wide-value) * 0.1rem);
  --container-middle-value: 1200;
  --container-middle: calc(var(--container-middle-value) * 0.1rem);
  --container-narrow-value: 1000;
  --container-narrow: calc(var(--container-narrow-value) * 0.1rem);
  --container-mobile-value: 375;
  --container-mobile: calc(var(--container-mobile-value) * 0.1rem);
  /* --- utility --- */
  --box-shadow-standard: 0 0 2rem rgba(0, 0, 0, 0.2);
  --transition-default: 0.3s ease;
  --zindex-behind: -1;
  --zindex-base: 0;
  --zindex-front: 1;
  --zindex-overlay: 10;
  --zindex-floating-element: 20;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  :root {
    /* --- space / gutter --- */
    --global-gutter: 1rem;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  :root {
    /* --- space / gutter --- */
    --global-gutter: 2rem;
  }
}
/*# sourceMappingURL=variables.css.map */