/*
 * デザイントークン（gschool_view の MUI テーマ src/components/themes/user.js 由来）
 * ブレークポイントは MUI v5 準拠: sm=600px / md=900px（media query 内では変数が使えないため固定値で統一）
 */
:root {
  /* ブランドカラー（palette.green / primary） */
  --color-primary: #5ac1c7;
  --color-primary-light: #31b2b9;
  --color-primary-dark: #227c81;
  --color-accent: #e97056;        /* palette.orange.main */
  --color-accent-dark: #d55b3a;   /* palette.orange.dark */
  --color-pink: #ea618e;          /* palette.pink.main */
  --color-cta-pink: #fd5b8c;      /* ヘッダー「無料アカウント登録」ボタン */

  /* テキスト */
  --color-text: #2b2b2b;              /* text.primary */
  --color-text-strong: #111111;       /* text.secondary */
  --color-toolbar-text: #6b6b6b;      /* mixins.toolbar.color */

  /* グレー・背景 */
  --color-grey-100: #ecf0f2;
  --color-grey-200: #99abb4;
  --color-grey-400: #767e89;
  --color-bg-default: #f5fff9;        /* background.default */
  --color-paper: #ffffff;             /* background.paper */
  --color-bg-accordion: #f0feff;      /* background.accordionSummary */

  /* 法人 LP グラデーション CTA */
  --gradient-corporate: linear-gradient(90deg, #00c9c8 0%, #00e07a 100%);

  /* タイポグラフィ */
  --font-family-base: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  /* レイアウト */
  --header-height: 64px;
  --max-width-header: 1600px;
  --radius: 5px;                      /* shape.borderRadius */
  --shadow-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12); /* MUI shadows[1] */

  /* 余白スケール（MUI spacing(1)=8px） */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
}