/*
 * Parley 官網 design tokens ─ 補充層(Nocturne 之外的專案專屬值)
 * 來源:待決0-規格-網站design-tokens.dc.html(zip = docs/Parley.zip)
 *
 * 讀取順序固定為: fonts/lexend.css → vendor/nocturne.css → 本檔(tokens.css)
 * → styles/overrides.css → base.css → 頁面自有 <style>(見 web/README.md)。
 *
 * Nocturne(vendor/nocturne.css)才是色票/圓角/陰影/密集間距的主表。
 * 本檔只放 Nocturne **沒有**的值,不重複定義同名變數:
 *   - 與 Nocturne 同名且同值的變數(--color-bg/--color-surface/--color-text/
 *     --color-accent/--color-accent-300/--radius-*/--shadow-*)已整批移除,
 *     直接吃 Nocturne 的定義。
 *   - 與 Nocturne 同名但不同值的變數(--color-divider 12% vs Nocturne 16%、
 *     --space-1..4/6/8 舊制大間距 vs Nocturne 密集間距)以 Nocturne 為準,
 *     舊值整批刪除;設計稿本身的 inline style 也是直接寫 var(--color-neutral-400)
 *     var(--color-accent-400) 這類 Nocturne 原生變數名,不是走這裡的別名。
 *   - hover/active 色階改用 Nocturne 的 ramp 步階(--color-accent-400/-600),
 *     不再另外定義 --color-accent-hover/-active。
 */

:root {
  /* 1. 產品既有色票(沿用 src/ui/tokens.ts EMBED_COLORS,不得另訂,Nocturne 無對應項) */
  --color-brand: #9184d9;
  --color-success: #248046;
  --color-warning: #f0b132;
  --color-error: #da373c;
  --color-neutral: #4e5058;

  /* 2. Discord 仿刻專用值(只在仿刻元件內使用,與 src/http/billingReturnPage.ts 一致) */
  --dc-bg: #313338;
  --dc-surface: #2b2d31;
  --dc-text: #f2f3f5;
  --dc-text-secondary: #dbdee1;
  --dc-text-muted: #949ba4;
  --dc-app-badge: #5865f2;

  /* 3. 字級階(舊制,尚未走像素級搬運的頁面骨架仍在用;新頁面請直接照
        設計稿抄 clamp() 字面值,不要再擴充這組) */
  --font-display: clamp(30px, 5vw, 48px);
  --font-h2: 32px;
  --font-h3: 24px;
  --font-h4: 20px;
  --font-body-lg: 17px;
  --font-body: 15px;
  --font-small: 13.5px;
  --font-caption: 12px;

  /* 4. 版面級容器寬度(Nocturne 無對應項) */
  --container-max: 1120px;
  --prose-max: 720px;

  /* 5. 較大間距階(Nocturne 密集間距只到 --space-8=22.4px;舊版頁面骨架
        在用的較大間距沿用舊制數值,索引不與 Nocturne 的 1/2/3/4/6/8 重疊,
        不算衝突。新頁面請照設計稿抄 clamp() 字面值,不要再擴充這組) */
  --space-5: 24px;
  --space-7: 48px;
  --space-9: 96px;

  /* 6. 相容別名(值與 Nocturne 對應變數完全相同,不是另一組數值,不算衝突):
        舊版 src/pages/*.js(尚未走本輪像素級搬運)還在用這幾個名字。
        新頁面 / 落地時請直接改用右邊的 Nocturne 原生變數,不要再新增這組別名的用法。 */
  --color-text-secondary: var(--color-neutral-400); /* = #b2b6ca */
  --color-text-muted: var(--color-neutral-500); /* = #9397ab */
  --color-surface-2: var(--color-neutral-900); /* = #292b31 */
  --color-divider-strong: var(--color-divider); /* 兩者原本就同值(16%),沿用同一個 token */
}