/* ========================================================================
   STARTEK Brand Tokens v1.0
   依 STARTEK Brand Guidelines v1.0 (May 2024) 的硬規則整理。
   任何 STARTEK 設計檔案 import 此檔即可拿到統一品牌變數。
   不要在 episode-level CSS 重新定義這些變數。
   ======================================================================== */

:root {
  /* ───── 主色（Brand Guidelines 強制） ───── */
  --startek-blue: #004AB5;        /* PANTONE 2728 C，數位主色 */
  --warm-grey: #EBEAE7;           /* PANTONE Warm Grey 1 C，輔助色 */

  /* ───── 衍生色（規範未明訂，實戰需要） ───── */
  --startek-blue-deep: #003A8F;   /* 漸層或深底 */
  --startek-blue-pale: #E6EEFA;   /* hover / 淡背景 */
  --warm-grey-pale: #F5F4F1;      /* 整頁背景 */

  /* ───── 文字色（輔助色不能當文字色！） ───── */
  --text-black: #1a1a2e;
  --text-grey: #6a6a72;
  --text-grey-light: #9a9aa2;

  /* ───── 警示 / 錯誤（紅色僅限「✗」「錯誤」「取消」） ───── */
  --alert-red: #D64545;

  /* ───── 字型（Brand Guidelines 指定，不可改其他） ───── */
  --font-tc: 'Noto Sans TC', 'Inter', 'PingFang TC', sans-serif;
  --font-en: 'Inter', 'Helvetica Neue', sans-serif;

  /* ───── 圓角 / 陰影 ───── */
  --radius-card: 24px;
  --radius-card-mobile: 16px;
  --shadow-card: 0 4px 28px rgba(0, 74, 181, 0.07);

  /* ───── 節目專屬（startek-talkroom） ───── */
  --talkroom-cover-bg: var(--startek-blue);
  --talkroom-card-bg: #ffffff;
  --talkroom-page-bg: var(--warm-grey-pale);
}

/* ───── 全局基礎 ───── */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-tc);
  background: var(--talkroom-page-bg);
  color: var(--text-black);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ───── 真實 LOGO 規則（深色底用 filter 翻白；symptom 防呆用法） ───── */
.startek-logo-white {
  filter: brightness(0) invert(1);
}
.startek-logo-blue {
  filter: brightness(0) saturate(100%) invert(15%) sepia(99%) saturate(2887%) hue-rotate(212deg) brightness(91%) contrast(101%);
}

/* ───── Slogan 拼寫（不能改：全小寫、逗號、句點） ───── */
.startek-slogan::after {
  content: 'Be smart, be startek.';
}