/* HomeDecorFanLight Design Tokens 1.0 — the single source of visual primitives. */
:root{
  --hdfl-color-ink:#171817;
  --hdfl-color-ink-strong:#111111;
  --hdfl-color-muted:#6f6b64;
  --hdfl-color-surface:#f6f4ef;
  --hdfl-color-surface-warm:#e8e1d7;
  --hdfl-color-border:#ddd9d2;
  --hdfl-color-canvas:#ffffff;
  --hdfl-color-accent:#e7ff24;
  --hdfl-color-zalo:#0877ff;
  --hdfl-color-danger:#b42318;

  --hdfl-font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --hdfl-font-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;

  --hdfl-container-wide:1440px;
  --hdfl-container-main:1320px;
  --hdfl-container-reading:760px;
  --hdfl-page-gutter:clamp(20px,4vw,64px);

  --hdfl-space-1:8px;
  --hdfl-space-2:16px;
  --hdfl-space-3:24px;
  --hdfl-space-4:32px;
  --hdfl-space-5:48px;
  --hdfl-space-6:64px;
  --hdfl-space-7:96px;
  --hdfl-space-8:128px;

  --hdfl-radius-sm:2px;
  --hdfl-radius-md:8px;
  --hdfl-radius-pill:999px;
  --hdfl-control-height:48px;
  --hdfl-shadow-float:0 16px 50px rgba(0,0,0,.22);
  --hdfl-transition-fast:160ms ease;
  --hdfl-transition-base:240ms ease;

  --hdfl-font-h1:clamp(42px,5vw,76px);
  --hdfl-font-h2:clamp(32px,3.7vw,56px);
  --hdfl-font-h3:clamp(22px,2vw,32px);

  /* Compatibility aliases for 6.0–6.1 templates. */
  --hdfl-black:var(--hdfl-color-ink-strong);
  --hdfl-ink:var(--hdfl-color-ink);
  --hdfl-muted:var(--hdfl-color-muted);
  --hdfl-line:var(--hdfl-color-border);
  --hdfl-cream:var(--hdfl-color-surface);
  --hdfl-warm:var(--hdfl-color-surface-warm);
  --hdfl-white:var(--hdfl-color-canvas);
  --hdfl-accent:var(--hdfl-color-accent);
  --hdfl-shell:var(--hdfl-container-main);
  --hdfl-pad:var(--hdfl-page-gutter);
  --hdfl-h1:var(--hdfl-font-h1);
  --hdfl-h2:var(--hdfl-font-h2);
  --hdfl-h3:var(--hdfl-font-h3);
  --hdfl-advisor-ink:var(--hdfl-color-ink);
  --hdfl-advisor-muted:var(--hdfl-color-muted);
  --hdfl-advisor-line:var(--hdfl-color-border);
  --hdfl-advisor-surface:var(--hdfl-color-surface);
  --hdfl-advisor-accent:var(--hdfl-color-accent);
}