/* ============================================================
 * nl-tokens.css — Northlight Media 设计系统变量
 * 提取自参考站设计语言（数值同源），类体系全新。
 * 规范来源：runtime/yans/design-spec.md
 * ============================================================ */

/* Raleway（本地化 ttf，重量覆盖全站使用范围） */
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; src: url('/assets/yans/font/66588afc249610b38c7ac22d_Raleway-Light.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('/assets/yans/font/66588afcd90844e45bbb3e20_Raleway-Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('/assets/yans/font/66588afcc68c500fb006f8e8_Raleway-Medium.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url('/assets/yans/font/66588afcb9238ed525c1cfc9_Raleway-SemiBold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('/assets/yans/font/66588afc8325a44d2d445d95_Raleway-Bold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 800; src: url('/assets/yans/font/66588afcf4a564ab125a99cd_Raleway-ExtraBold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 900; src: url('/assets/yans/font/66588afc162bbdc0e80e3ca5_Raleway-Black.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Raleway'; font-style: italic; font-weight: 400; src: url('/assets/yans/font/66588afc14fea04c6054b01e_Raleway-Italic.ttf') format('truetype'); font-display: swap; }

:root {
    /* 色彩 */
    --nl-black: #121316;
    --nl-dark-blue: #16161d;
    --nl-steel-blue: #1a7df0;
    --nl-white: #ffffff;
    --nl-grey-98: #fafbfc;
    --nl-grey-95: #f5f6f7;
    --nl-grey-90: #e3e5e8;
    --nl-grey-80: #c3c5cd;
    --nl-grey-9: #222222;
    --nl-text-mid: #8b8b99;
    --nl-crimson: #ec0f4e;
    --nl-line: #f0f0f0;
    --nl-scrim: rgba(10, 11, 14, .92);

    /* 字体 */
    --nl-font: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    --nl-fs-body: 17px;
    --nl-fs-h1: 40px;
    --nl-fs-h2: 34px;
    --nl-fs-h3: 36px;
    --nl-fs-h4: 22px;
    --nl-fs-small: 14px;
    --nl-lh-body: 1.7;

    /* 圆角 */
    --nl-radius-card: 24px;
    --nl-radius-btn: 12px;
    --nl-radius-block: 48px;
    --nl-radius-pill: 999px;

    /* 阴影 */
    --nl-shadow-card: 0 2px 4px rgba(0, 0, 0, .10);
    --nl-shadow-card-deep: 0 2px 4px rgba(0, 0, 0, .14);
    --nl-shadow-lift: 0 12px 32px rgba(18, 19, 22, .12);

    /* 容器 */
    --nl-container: 85%;
    --nl-max: 1100px;
    --nl-max-wide: 1500px;

    /* 节奏 */
    --nl-section-gap: 60px;
    --nl-section-pad-top: 20px;
    --nl-section-pad-bottom: 40px;

    /* 动效（提取自参考站 IX2 参数表） */
    --nl-dur-fast: 100ms;    /* 按钮箭头展开 */
    --nl-dur: 300ms;         /* 常规过渡/手风琴/下拉 */
    --nl-dur-reveal: 500ms;  /* 滚动进场 */
    --nl-stagger: 400ms;     /* 组内进场延迟 */
    --nl-ease: ease;
    --nl-marquee-dur: 30s;   /* 跑马灯一屏 */

    /* 布局尺寸 */
    --nl-header-h: 80px;
}