/**
 * CSS File: base_add.css
 * 2026-06-01 | Final checked
 */

:root {
  /* ==============================================================================
   * UPPER COLOR PANEL（深みのあるネイビー・ブルーグレー系）
   * ============================================================================== */
  --upper-color-1: #1d3d5e; /* メイン：深みのあるディープネイビー（画像指定色） */
  --upper-color-2: #2b4365; /* サブ：上のパレットの左から2番目の濃い青 */
  --upper-color-3: #7b9098; /* ニュートラル1：落ち着いたブルーグレー（画像指定色） */
  --upper-color-4: #a7bcc7; /* ニュートラル2：上のパレットの左から4番目の淡い青 */
  --upper-color-5: #cccccc; /* 背景：上のパレットの左から5番目のライトグレー */

  /* ==============================================================================
   * LOWER COLOR PANEL（爽やかなライトブルー・ゴールド系）
   * ============================================================================== */
  --lower-color-1: #b8d0ed; /* メイン：透明感のあるライトブルー（画像指定色） */
  --lower-color-2: #c8ddf2; /* サブ：さらに淡く明るいアクアブルー */
  --lower-color-3: #e1e8ee; /* ニュートラル：すっきりとしたオフホワイト */
  --lower-color-4: #9d8c56; /* アクセント1：マットで上品なゴールド（画像指定色） */
  --lower-color-5: #d4af37; /* アクセント2：上のパレット右端の輝きのあるゴールド */
}