/*
 * 事業領域の色。PHP が class="area-<slug>" を付け（inc/area-theme.php）、中のパーツが
 * この変数を使う。領域の色は、領域のラベル・線・点・番号にだけ使う。
 *
 * 色はすべて Catppuccin（https://catppuccin.com/）から取っている。
 * 6つの色が似ないよう、色相環でなるべく離れた色を選んでいる。
 *   防衛 Maroon／海上自衛隊向け Teal／通信 Peach／金融 Green／不動産 紺／ロボット Mauve
 * 不動産は東京カンテイの紺に合わせるため、Latte の Blue と Text を半々に混ぜた紺にしている。
 *
 *   --area-color    白地の上の線・点・番号（ライトテーマ Latte の色）
 *   --area-text     白地の上の英字の領域名（Latte の色。薄くて読みにくい色は少し濃くしている）
 *   --area-on-dark  写真や紺地の上のラベルと、事業カード上端の線（ダークテーマ Macchiato の淡い色）
 */
.area-default {
  --area-color: #1e66f5;
  --area-text: #1e66f5;
  --area-on-dark: #8aadf4;
}

.area-defense {
  --area-color: #e64553;
  --area-text: #c43543;
  --area-on-dark: #ee99a0;
}

.area-maritime {
  --area-color: #179299;
  --area-text: #127a80;
  --area-on-dark: #8bd5ca;
}

.area-communications {
  --area-color: #fe640b;
  --area-text: #c75008;
  --area-on-dark: #f5a97f;
}

.area-finance {
  --area-color: #40a02b;
  --area-text: #357f24;
  --area-on-dark: #a6da95;
}

.area-real-estate {
  --area-color: #355aaf;
  --area-text: #355aaf;
  --area-on-dark: #8aadf4;
}

.area-robotics {
  --area-color: #8839ef;
  --area-text: #7230c9;
  --area-on-dark: #c6a0f6;
}