/**
 * 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: #ffd5b8;
  --color-orange-tertiary: #ffb58480;
  --color-red-primary: #e65946;
  --color-beige-primary: #f9f4f2;

  /* Header Layout */
  --header-top-offset-mobile: 16px;
  --header-top-offset-desktop: 24px;
  --admin-bar-height: 0px;
}