/* =========================================================
   JUCLARITY TECHNOLOGY — DESIGN TOKENS
   雋澄科技設計權杖　v1.0
   來源：juclarity-ui-kit.html 的 :root 區塊，逐字抽出。
   style.css 內的語意變數（--bg、--accent-scan…）改為引用這裡
   的變數，此檔須排在 style.css 之前載入。
   ========================================================= */
:root{
  /* 底層：由品牌圖的深海軍藍推導，越深越靠近畫面外圍 */
  --void:      #02050D;
  --base:      #060D1E;
  --panel:     #0B1630;
  --raised:    #122442;

  /* 邊界：電路線的亮度層級 */
  --edge:      #1B3260;
  --edge-lit:  #2C56A0;

  /* 品牌主色：標誌上的電光藍 */
  --blue:      #1E7BFF;
  --blue-deep: #0A4CD0;
  --blue-glow: rgba(30,123,255,.35);

  /* 鉻銀：字標的金屬漸層三階 */
  --chrome-hi: #F4F8FD;
  --chrome-md: #BAC8DB;
  --chrome-lo: #7C8FA9;

  /* 文字 */
  --text:      #DCE6F3;
  --text-dim:  #8DA0BC;
  --text-mute: #5A6C87;

  /* 風險等級：對應 vendor-database 的 High / Medium / Review */
  --sev-critical: #FF3B5C;
  --sev-high:     #FF8034;
  --sev-medium:   #FFC53D;
  --sev-review:   #A78BFA;
  --sev-clear:    #2BD98A;
  --sev-info:     var(--blue);

  /* 節奏 */
  --gap-xs: 4px;  --gap-sm: 8px;  --gap-md: 16px;
  --gap-lg: 24px; --gap-xl: 40px; --gap-2xl: 64px;

  /* 字體 */
  --font-display: 'Saira', 'Noto Sans TC', sans-serif;
  --font-body:    'Noto Sans TC', 'Saira', sans-serif;
  --font-data:    'JetBrains Mono', ui-monospace, monospace;

  /* 六角切角尺寸 —— 標誌六邊形的延伸 */
  --notch: 14px;
}