/**
 * CSS Variables for Vanilla CSS
 * Tailwind theme.css から色とブレイクポイントのみを抽出
 */

:root {
  /* Colors */
  --color-black: #000000;
  --color-black-primary: #231815;
  --color-gray-primary: #4d4d4d;
  --color-gray-secondary: #d9d9d9;
  --color-white: #ffffff;
  --color-blue-primary: #1a94c0;
  --color-blue-secondary: #2c518f;
  --color-orange-primary: #eb5e00;
  --color-orange-secondary: #ed6c00;
  --color-orange-tertiary: #ffb58480;
  --color-orange-quaternary: #ffd5b8;
  --color-red-primary: #e65946;
  --color-beige-primary: #f9f4f2;

  /* Breakpoints */
  --breakpoint-sm: 40rem; /* 640px */
  --breakpoint-lg: 55rem; /* 880px */
  --breakpoint-xl: 90rem; /* 1440px */
  --breakpoint-xxl: 100rem; /* 1600px */
}