/* xeno-materia v2 の @theme から機械生成。手で編集しない。
   生成元: origin/v2-major:src/style.css / 生成: tools/gen_materia_css.py
   ★名前は materia の宣言そのまま（--color-* を剥がさない）。
     サイドナビのブランチが var(--color-gray-400) の形で使っているため。 */
:root{
  --color-black-100:#000000;
  --color-white-100:#ffffff;
  --color-gray-100:#f5f5f5;
  --color-gray-200:#f0f0f0;
  --color-gray-300:#edecea;
  --color-gray-400:#d1d0cf;
  --color-gray-500:#bababa;
  --color-gray-600:#ababab;
  --color-gray-700:#868686;
  --color-gray-800:#67635f;
  --color-gray-900:#4b4845;
  --color-gray-1000:#403c38;
  --color-gray-1100:#33302d;
  --color-gray-1200:#292725;
  --color-gray-1300:#22201e;
  --color-gold-100:#edca85;
  --color-gold-200:#d1b06b;
  --color-gold-300:#b99245;
  --color-gold-400:#9c782c;
  --color-red-100:#d88c8c;
  --color-red-200:#cb7a7a;
  --color-red-300:#c06a6a;
  --color-red-400:#b15555;
  --color-red-500:#a84848;
  --color-blue-100:#94c1dc;
  --color-blue-200:#7eb1d1;
  --color-blue-300:#6ca3c4;
  --color-blue-400:#5992b6;
  --color-blue-500:#4c88ad;
  --color-white-80:#ffffffcc;
  --color-white-60:#ffffff99;
  --color-white-40:#ffffff66;
  --color-white-20:#ffffff33;
  --color-white-0:#ffffff00;
  --color-black-80:#000000cc;
  --color-black-60:#00000099;
  --color-black-40:#00000066;
  --color-black-20:#00000033;
  --color-black-0:#00000000;
  --color-transparent:#ffffff00;
  --color-default:var(--color-gray-1300);
  --color-secondary:var(--color-gray-900);
  --color-tertiary:var(--color-gray-700);
  --color-quaternary:var(--color-gray-500);
  --color-inverse:var(--color-white-100);
  --color-primary-light-default:var(--color-gold-100);
  --color-primary-light-hover:var(--color-gold-200);
  --color-primary-dark-default:var(--color-gold-300);
  --color-primary-dark-hover:var(--color-gold-400);
  --color-negative-default:var(--color-red-500);
  --color-negative-hover:var(--color-red-300);
  --color-positive-default:var(--color-blue-500);
  --color-positive-hover:var(--color-blue-300);
  --color-chart-1:#9c782c;
  --color-chart-2:#af8d4f;
  --color-chart-3:#c0a370;
  --color-chart-4:#d1b993;
  --color-chart-5:#e1d0b6;
  --color-chart-6:#f1e7da;
  --color-chart-7:#dbd8d4;
  --color-chart-8:#b8b2ab;
  --color-chart-9:#968d83;
  --color-chart-10:#756a5e;
  --color-chart-11:#554a3a;
  --color-chart-12:#372b1a;
  --spacing-table:6px;
  --container-page:1440px;
  --container-data:1280px;
  --container-article:1058px;
  --height-control-sm:36px;
  --height-control-md:44px;
  --height-control-lg:52px;
  --radius-base:2px;
  --radius-default:var(--radius-base);
  --opacity-disabled:0.4;
  --opacity-chart-area:0.2;
  --font-family-sans:"Noto Sans JP", ui-sans-serif, system-ui, sans-serif;
  --font-family-serif:"Noto Serif JP", "Noto Sans JP", sans-serif;
  --font-family-number:"Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans:"Noto Sans JP", ui-sans-serif, system-ui, sans-serif;
  --font-serif:"Noto Serif JP", "Noto Sans JP", sans-serif;
  --text-xs:0.625rem;
  --text-sm:0.75rem;
  --text-md:0.875rem;
  --text-lg:1rem;
  --text-xl:1.125rem;
  --text-2xl:1.25rem;
  --text-3xl:1.5rem;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --leading-100:1;
  --leading-150:1.5;
  --leading-170:1.7;
  --text-icon-xs:0.875rem;
  --text-icon-sm:1rem;
  --text-icon-md:1.25rem;
  --text-icon-lg:1.5rem;
  --text-icon-xl:1.75rem;
  --z-index-sticky:10;
  --z-index-dropdown:50;
  --z-index-tooltip:60;
  --z-index-modal:100;
  --z-index-toast:110;
  --shadow-sm:0 1px 2px rgba(0, 0, 0, 0.15);
  --shadow-md:0 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-lg:0 8px 16px rgba(0, 0, 0, 0.2);
  --transition-duration-fast:150ms;
  --transition-duration-normal:250ms;
  --transition-duration-slow:400ms;
  --ease-default:cubic-bezier(0.0, 0.0, 0.2, 1);
  --transition-duration-loop:1s;
  --animate-spinner:spinner-rotate var(--transition-duration-loop) linear infinite;
}