/* ===== 自動生成: 手で編集しないこと =====
   正本: DevelopmentWorkspace/shared_ui/portal-skin-tokens.css
   配布: DevelopmentWorkspace/tools/sync_shared_ui.py
   ここを直しても次回の同期で上書きされる。変更は正本側で行うこと。
   ======================================== */
/* 見た目の型（PwC型 / NVIDIA型 / Oracle型）の色と書体。**共通の正本**。

   2026-09-29 に3社のトップページを 1440px 幅で描画し、画素と計算済みスタイルを実測して決めた
   （各社の専用書体は使わず、同系統の汎用書体で置き換える。ロゴ・社名は使わない）。
   ここにあるのは**変数だけ**で、どの要素にも直接は効かない。
   使い方: portal-skin.js が <html data-skin="…"> を付け、画面ごとの CSS
   （ポータル: static/skins/*.css、子アプリ: portal-skin-shell.css と各アプリの調整）が var(--sk-*) を読む。

   コントラスト比（WCAG の式で計算、基準 4.5）:
     PwC    黒 on #FD5108 = 6.4（白文字だと 3.3 で届かないので黒にしている＝実物どおり）
     NVIDIA 黒 on #76B900 = 8.7、#666 on 白 = 5.7、#ccc on #1a1a1a = 10.8
     Oracle 白 on #312D2A = 13.6、#006B8F on 白 = 6.0、#4a4642 on #F1EFED = 8.2 */

html[data-skin="pwc"] {
  --sk-bg: #ffffff;
  --sk-surface: #ffffff;
  --sk-text: #2d2d2d;
  --sk-dim: #464646;
  --sk-rule: #dedede;
  --sk-accent: #fd5108;        /* 実測 rgb(253,81,8) */
  --sk-accent-text: #000000;
  --sk-link: #2d2d2d;
  --sk-nav-bg: #ffffff;
  --sk-nav-text: #2d2d2d;
  --sk-band: #2d2d2d;          /* 見出しの帯の地色（写真が無いとき） */
  --sk-band-text: #ffffff;
  --sk-footer-bg: #f5f7f8;
  --sk-footer-text: #464646;
  --sk-font: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  --sk-head-font: Charter, "Bitstream Charter", Georgia, "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  --sk-head-weight: 400;
  --sk-btn-radius: 0;
  --sk-radius: 0;
  --sk-btn-line: #2d2d2d;
}

html[data-skin="nvidia"] {
  --sk-bg: #ffffff;
  --sk-surface: #ffffff;
  --sk-text: #000000;
  --sk-dim: #333333;
  --sk-rule: #cccccc;
  --sk-accent: #76b900;        /* 実測 rgb(118,185,0) */
  --sk-accent-text: #000000;
  --sk-link: #000000;
  --sk-nav-bg: #ffffff;
  --sk-nav-text: #666666;
  --sk-nav-hover: #000000;
  --sk-band: #1a1a1a;
  --sk-band-text: #ffffff;
  --sk-footer-bg: #1a1a1a;
  --sk-footer-text: #cccccc;
  --sk-font: Arial, Helvetica, "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  --sk-head-font: Arial, Helvetica, "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  --sk-head-weight: 700;
  --sk-btn-radius: 0;
  --sk-radius: 0;
  --sk-btn-line: #999999;
}

html[data-skin="oracle"] {
  --sk-bg: #f1efed;            /* 実測 rgb(241,239,237) */
  --sk-surface: #ffffff;
  --sk-text: #161513;
  --sk-dim: #4a4642;
  --sk-rule: #dcd7d2;
  --sk-accent: #312d2a;        /* 実測 rgb(49,45,42) */
  --sk-accent-text: #ffffff;
  --sk-link: #006b8f;
  --sk-nav-bg: #ffffff;
  --sk-nav-text: #161513;
  --sk-band: #312d2a;
  --sk-band-text: #ffffff;
  --sk-footer-bg: #312d2a;
  --sk-footer-text: #e6e2de;
  --sk-font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  --sk-head-font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Noto Sans JP", sans-serif;
  --sk-head-weight: 300;
  --sk-btn-radius: 4px;
  --sk-radius: 14px;
  --sk-btn-line: #312d2a;
}