/**
 * Article v2 - Design Tokens
 * @description Imports shared homepage-v2 tokens, adds article-specific variables
 * @version 1.0.0
 * @date 2026-02-17
 */

@import url('../design-system/tokens.css');

:root {
  /* -- Article Layout -- */
  --article-body-width: 780px;
  --article-sidebar-width: 320px;
  --article-gap: 48px;
  --article-layout-max: calc(var(--article-body-width) + var(--article-gap) + var(--article-sidebar-width));
  --article-progress-height: 3px;

  /* -- Article Hero (Variant A: Cinematic Full-bleed) -- */
  --article-hero-height: 100vh;
  --article-hero-min: 480px;
  --article-hero-max: none;

  /* -- Article Typography -- */
  --article-font-body: var(--font-ui);
  --article-font-display: var(--font-display);
  --article-font-ui: var(--font-ui);
}