/* =============================================================================
   HyperViewer — Design Tokens (single source of truth for the site pages)
   -----------------------------------------------------------------------------
   参照: docs/design/refero-styles.md
     - 面・境界・角丸・余白の体系 …… Linear（真夜中の精密計器）
     - 地の色相（紺寄りの闇）…………… Ameba（電青パルス）+ Mapbox（衛星コンソール）
     - 数値の扱い ………………………… Dovetail（モノスペースで揃える）
     - 帳票・文書向けの明色系 ………… Render（ブラッシュドアルミ上のブループリント）

   読み込み順: landing.css → hero-120.css → auth.css → hv-tokens.css → hv-site.css
   （後勝ちで :root を上書きする。既存 CSS の var() 参照はそのまま生きる）

   ビューア側（demo/simple/hv-refresh.css）は配信パスが異なるため同値を複製している。
   値を変えるときは両方を更新すること。
   ========================================================================== */

:root {
  /* --- 地: 4段の背景ランプ（無彩色の黒ではなく、わずかに紺を含む闇） */
  --hv-bg-0: #070A1C;                 /* page canvas */
  --hv-bg-1: #0C1028;                 /* card / nav surface */
  --hv-bg-2: #121740;                 /* elevated panel */
  --hv-bg-3: #1A2050;                 /* hover / tertiary */

  /* --- 境界: 影ではなくヘアラインで面を分ける */
  --hv-border:        rgba(255, 255, 255, 0.09);
  --hv-border-subtle: rgba(255, 255, 255, 0.06);
  --hv-border-hover:  rgba(255, 255, 255, 0.18);
  --hv-border-accent: rgba(0, 212, 255, 0.45);

  /* --- 文字: 3段に固定 */
  --hv-text:       rgba(255, 255, 255, 0.94);
  --hv-text-2:     rgba(255, 255, 255, 0.66);
  --hv-text-muted: rgba(255, 255, 255, 0.42);

  /* --- アクセント: 単一。CTA と active 状態にだけ使う */
  --hv-accent:       #00D4FF;
  --hv-accent-hover: #33DDFF;
  --hv-accent-text:  #4FE0FF;          /* 暗背景で文字として読ませる用 */
  --hv-accent-ink:   #06131A;          /* アクセント面の上に乗せる文字色 */
  --hv-accent-dim:   rgba(0, 212, 255, 0.14);
  --hv-accent-glow:  rgba(0, 212, 255, 0.20);
  --hv-accent-on-light: #0090B0;       /* 白地で使うときの濃いシアン（4.5:1 以上） */

  /* --- 意味色 */
  --hv-success: #35D07F;
  --hv-warning: #FFB020;
  --hv-error:   #FF5D6C;

  /* --- 帳票・文書（Render）: 明色系 */
  --hv-paper:          #FFFFFF;
  --hv-paper-2:        #F6F6F7;
  --hv-paper-ink:      #0D0D0D;
  --hv-paper-ink-2:    #4D4D4D;
  --hv-paper-muted:    #6B6B6B;
  --hv-paper-hairline: #E3E3E3;
  --hv-paper-carbon:   #272727;        /* ターミナル風バッジ・黒ボタン */
  --hv-paper-mint:     #006D4C;

  /* --- 角丸: 3種だけ */
  --hv-radius-sm:   6px;               /* button / input */
  --hv-radius-md:   12px;              /* card / panel */
  --hv-radius-lg:   24px;              /* media frame（Mapbox） */
  --hv-radius-pill: 9999px;
  --hv-radius-doc:  2px;               /* 帳票・文書ページ */

  /* --- 余白の階段 */
  --hv-space-1: 8px;
  --hv-space-2: 12px;
  --hv-space-3: 24px;
  --hv-space-4: 48px;
  --hv-space-5: 96px;

  /* --- 書体 */
  /* 日本語のグリフ形を保証するため、和文フォントを generic の前に明示する
     （lang 属性や OS ロケールによっては中国語フォントへ落ちるため） */
  --hv-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter',
    'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Yu Gothic UI', 'Meiryo',
    'Noto Sans JP', 'Noto Sans CJK JP', sans-serif;
  --hv-font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, Consolas, monospace;

  /* --- 既存 CSS が参照している変数名へ橋渡し（landing.css / library.css / auth.css） */
  --color-primary:       var(--hv-accent);
  --color-primary-hover: var(--hv-accent-hover);
  --color-primary-dark:  #0099CC;
  --color-bg-primary:    var(--hv-bg-0);
  --color-bg-secondary:  var(--hv-bg-1);
  --color-bg-tertiary:   var(--hv-bg-2);
  --color-text-primary:   var(--hv-text);
  --color-text-secondary: var(--hv-text-2);
  --color-text-muted:     var(--hv-text-muted);
  --color-accent-purple: #7C3AED;
  --color-accent-green:  var(--hv-success);
  --radius-sm: var(--hv-radius-sm);
  --radius-md: var(--hv-radius-md);
  --radius-lg: var(--hv-radius-lg);
  --font-display: var(--hv-font-sans);
}