/**
 * Foundation - Variables
 * 色・フォントなどのカスタムプロパティ（:root）
 */

:root {
  /* ----- 色 ----- */
  --color-text-main: #000;
  --color-text-dark: #333;
  --color-text-light: #fff;
  --color-text-navy: #214065;
  --color-text-brown: #6e5600;

  --color-bg-white: #fff;
  --color-bg-black: #000;
  --color-bg-darkBlack: #1a1a1a;
  --color-bg-dark: #333;
  --color-bg-footer: #3b424c;
  --color-bg-yellow: #fbf5e0;
  --color-bg-lightGray: #f2f2f2;

  --color-border-black: #000;
  --color-border-white: #fff;
  --color-border-lightGray: #e8e8ea;
  --color-border-gray: #999;

  --color-accent-darkYellow: #ffc700;
  --color-accent-yellow: #ffd60b;

  /* ----- フォント ----- */
  --font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo,
    sans-serif;
  --font-en: "Poppins";
  --font-heading: "Shippori Antique B1";

  /* ----- 角丸 ----- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 24px;

  /* ----- インタラクション ----- */
  --hover: 0.3s all ease-in-out;
}