:root {
  --fnbt-bg: #f7f3ed;
  --fnbt-bg-soft: #fbfaf7;
  --fnbt-surface: #ffffff;
  --fnbt-surface-warm: #efe7dc;
  --fnbt-ink: #1d1b18;
  --fnbt-ink-soft: #4f4a44;
  --fnbt-muted: #7a746b;
  --fnbt-border: #ded5c9;
  --fnbt-charcoal: #171717;
  --fnbt-bronze: #9a6b3f;
  --fnbt-bronze-dark: #684525;
  --fnbt-danger: #a33a2a;

  --brand-uline-accent: #1f2d3d;
  --brand-uline-metal: #9ca3aa;
  --brand-fagor-accent: #9f2f27;
  --brand-everdure-accent: #8a4b24;
  --brand-everdure-fire: #c56a2c;

  --font-sans: "Noto Sans TC", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Noto Serif TC", Georgia, serif;

  --text-xs: 0.78rem;
  --text-sm: 0.9rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: clamp(1.8rem, 3vw, 2.6rem);
  --text-3xl: clamp(2.4rem, 5vw, 4.8rem);

  --leading-tight: 1.15;
  --leading-normal: 1.75;
  --tracking-eyebrow: 0.14em;

  --container: 1200px;
  --container-narrow: 880px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, .08);
  --section-y: clamp(56px, 8vw, 112px);
}