/* ============================================================
   Delizzo 德立庄 — 品牌设计系统 / Brand Design System
   Owner: HPW Group · Version 1.0
   Tagline: EXPERIENCE THE DIFFERENCE — 开启惊喜与非凡之旅
   ------------------------------------------------------------
   Design tokens, brand fonts, and base styles.
   Link once per page:  <link rel="stylesheet" href="styles.css">
   ============================================================ */

/* — Web delivery of the brand body / CJK typefaces —
   Poppins (英文正文) and Noto Sans SC (= 思源黑体 Source Han Sans, 中文)
   are the open, web-served equivalents of the brand fonts. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

/* — Optima (英文标题字体) is commercial and not web-served;
   bundled from the brand's licensed file. */
@font-face {
  font-family: 'Optima';
  src: url('../fonts/Optima-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Primary 品牌标准色 ---- */
  --dlz-wood-brown:   #BB9664;  /* 暖木棕 · Pantone 4655 U · 稳重 / 品质 */
  --dlz-sunny-orange: #E56F3F;  /* 阳光橙 · Pantone 7579 U · 热情 / 愉悦 */

  /* ---- Secondary 品牌辅助色 ---- */
  --dlz-yellowish-white: #F8FAF3; /* 米白 */
  --dlz-beige:           #F6E7C7; /* 米黄 · Pantone 7506 U */
  --dlz-cool-grey:       #CAD1D8; /* 浅灰蓝 · Pantone 7450 U */

  /* ---- Foil 金属质感色 (印刷专用) ---- */
  --dlz-gold-foil: #9A7B4F;       /* 金箔 · Pantone 875 C */
  --dlz-gold-foil-gradient: linear-gradient(135deg,#E7CE9A 0%,#B9925A 38%,#8B6E3F 70%,#C9A86A 100%);

  /* ---- Ink / surface ---- */
  --dlz-ink:     #1A1A1A;         /* 标识与正文主色（黑） */
  --dlz-surface: #FFFFFF;

  /* ---- Type families ---- */
  --dlz-font-heading-en:  'Optima', 'Optima Bold', Georgia, serif;
  --dlz-font-body-en:     'Poppins', system-ui, -apple-system, Arial, sans-serif;
  --dlz-font-heading-cjk: 'Noto Sans SC', 'Source Han Sans SC', '思源黑体', sans-serif;
  --dlz-font-body-cjk:    'Noto Sans SC', 'Source Han Sans SC', '思源黑体', sans-serif;
  /* Mixed EN+CJK stacks — Latin renders in Optima/Poppins, CJK in Noto/思源 */
  --dlz-font-heading: 'Optima', 'Noto Sans SC', 'Source Han Sans SC', serif;
  --dlz-font-body:    'Poppins', 'Noto Sans SC', 'Source Han Sans SC', sans-serif;
  --dlz-font-system:  Arial, 'Noto Sans SC', sans-serif; /* 次选系统字体 */

  /* ---- Type scale (web 推荐默认值, derived from the print VI) ---- */
  --dlz-text-display: 3.5rem;
  --dlz-text-h1:      2.5rem;
  --dlz-text-h2:      2rem;
  --dlz-text-h3:      1.5rem;
  --dlz-text-h4:      1.25rem;
  --dlz-text-body-lg: 1.125rem;
  --dlz-text-body:    1rem;
  --dlz-text-sm:      0.875rem;
  --dlz-text-caption: 0.75rem;
  --dlz-leading-tight:  1.12;
  --dlz-leading-normal: 1.6;
  --dlz-tracking-caps:  0.08em;

  /* ---- Spacing & radius (web 推荐默认值, 4px 基准) ---- */
  --dlz-space-1: 4px;  --dlz-space-2: 8px;  --dlz-space-3: 12px;
  --dlz-space-4: 16px; --dlz-space-6: 24px; --dlz-space-8: 32px;
  --dlz-space-12: 48px; --dlz-space-16: 64px;
  --dlz-radius-sm: 4px; --dlz-radius-md: 8px; --dlz-radius-lg: 16px;
}

/* Optional helper classes the design agent can reuse */
.dlz-display  { font-family: var(--dlz-font-heading); font-weight: 700; font-size: var(--dlz-text-display); line-height: var(--dlz-leading-tight); letter-spacing: var(--dlz-tracking-caps); color: var(--dlz-ink); }
.dlz-heading  { font-family: var(--dlz-font-heading); font-weight: 700; line-height: var(--dlz-leading-tight); color: var(--dlz-ink); }
.dlz-body     { font-family: var(--dlz-font-body); font-weight: 400; font-size: var(--dlz-text-body); line-height: var(--dlz-leading-normal); color: var(--dlz-ink); }
.dlz-on-brown  { background: var(--dlz-wood-brown);   color: var(--dlz-yellowish-white); }
.dlz-on-orange { background: var(--dlz-sunny-orange); color: #fff; }