/* berita.co — design tokens. Sumber: Design System.dc.html §02–04 */
:root {
  /* Warna */
  --bc-red: #E31B23;
  --bc-red-light: #FF6B70;
  --bc-ink: #1A1A1A;
  --bc-ink-2: #4A453F;
  --bc-bg: #FCFBFA;
  --bc-white: #FFFFFF;
  --bc-warm: #F3EFEA;
  --bc-line: #DDD8D2;
  --bc-line-soft: #E8E3DD;
  --bc-muted: #6B6560;
  --bc-muted-2: #8A847D;
  --bc-on-dark: #B9B4AE;
  --bc-highlight: #F6D9DA;
  --bc-line-strong: #C9C3BC;
  /* Tipografi */
  --bc-font-sans: 'Plus Jakarta Sans', sans-serif;
  --bc-font-serif: 'Newsreader', serif;
  --bc-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --bc-fs-10: 10px;
  --bc-fs-10-5: 10.5px;
  --bc-fs-11: 11px;
  --bc-fs-11-5: 11.5px;
  --bc-fs-12: 12px;
  --bc-fs-12-5: 12.5px;
  --bc-fs-13: 13px;
  --bc-fs-13-5: 13.5px;
  --bc-fs-14: 14px;
  --bc-fs-14-5: 14.5px;
  --bc-fs-15: 15px;
  --bc-fs-15-5: 15.5px;
  --bc-fs-16: 16px;
  --bc-fs-16-5: 16.5px;
  --bc-fs-17: 17px;
  --bc-fs-18: 18px;
  --bc-fs-19: 19px;
  --bc-fs-20: 20px;
  --bc-fs-21: 21px;
  --bc-fs-22: 22px;
  --bc-fs-24: 24px;
  --bc-fs-26: 26px;
  --bc-fs-27: 27px;
  --bc-fs-28: 28px;
  --bc-fs-29: 29px;
  --bc-fs-30: 30px;
  --bc-fs-32: 32px;
  --bc-fs-34: 34px;
  --bc-fs-40: 40px;
  --bc-fs-42: 42px;
  --bc-fs-44: 44px;
  --bc-fs-48: 48px;
  --bc-fs-56: 56px;
  --bc-fs-60: 60px;
  --bc-fs-72: 72px;
  --bc-fs-96: 96px;
  --bc-fs-120: 120px;
  --bc-fs-200: 200px;
  /* Spasi (kelipatan 4) */
  --bc-space-1: 4px; --bc-space-2: 8px; --bc-space-3: 12px; --bc-space-4: 16px; --bc-space-5: 20px; --bc-space-6: 24px;
  --bc-space-8: 32px; --bc-space-10: 40px; --bc-space-12: 48px; --bc-space-14: 56px; --bc-space-16: 64px;
  /* Lebar */
  --bc-container: 1280px;
  --bc-prose: 720px;
  /* Breakpoint (informasi — custom property tidak bisa dipakai di @media; nilai dipakai literal di global.css) */
  --bc-bp-tablet: 1080px;
  --bc-bp-mobile: 640px;
}