:root {
  --color-sand: #f5f4f2;
  --color-background: #f2f1ef;
  --color-paper: #fffdf8;
  --color-warm-paper: #fbf6ed;
  --color-stone: #e4e2de;
  --color-stone-dark: #7d7d80;
  --color-stone-ink: #3a3834;
  --color-ink: #0f1012;
  --color-deep-green: #111214;
  --color-terracotta: #a8663f;
  --color-terracotta-soft: rgba(168, 102, 63, 0.12);
  --color-clay: #6d4b31;
  --color-moss: #29342f;
  --color-white: #ffffff;
  --color-primary: #111214;
  --color-primary-soft: rgba(17, 18, 20, 0.08);
  --color-primary-strong: #a9a9ad;
  --color-success: #5a5b5f;
  --color-success-soft: rgba(17, 18, 20, 0.08);
  --color-warning: #7d7d80;
  --color-warning-soft: rgba(17, 18, 20, 0.08);
  --color-danger: #ffb4ab;
  --color-danger-soft: rgba(255, 180, 171, 0.12);
  --color-info: #6a6b70;
  --color-info-soft: rgba(17, 18, 20, 0.08);
  --color-ai: #0000ff;
  --color-ai-soft: rgba(0, 0, 255, 0.08);
  --color-ai-glow: rgba(0, 0, 255, 0.16);
  --color-border: rgba(68, 71, 72, 0.15);
  --color-border-soft: rgba(68, 71, 72, 0.12);
  --color-editorial-bg: #f4f3f0;
  --color-editorial-panel: #fbfaf7;
  --color-editorial-band: #efeeeb;
  --color-editorial-footer: #e7e5df;
  --editorial-line: rgba(15, 16, 18, 0.1);
  --editorial-line-strong: rgba(15, 16, 18, 0.16);
  --editorial-muted: rgba(15, 16, 18, 0.56);
  --editorial-copy: rgba(15, 16, 18, 0.66);
  --editorial-copy-strong: rgba(15, 16, 18, 0.72);
  --color-surface: #f5f4f2;
  --color-surface-strong: #ffffff;
  --color-surface-dark: rgba(255, 255, 255, 0.72);
  --color-surface-glass: rgba(255, 255, 255, 0.68);
  --color-surface-glass-strong: rgba(255, 255, 255, 0.84);
  --color-surface-low: #eceae7;
  --color-surface-lowest: #ffffff;
  --color-surface-high: #dedcd9;
  --color-surface-highest: #ffffff;
  --shadow-soft: 0 20px 50px rgba(15, 16, 18, 0.08);
  --shadow-card: 0 20px 50px rgba(15, 16, 18, 0.06);
  --shadow-panel: 0 28px 72px rgba(15, 16, 18, 0.1);
  --shadow-lifted: 0 26px 70px rgba(45, 36, 27, 0.13);
  --shadow-focus: 0 0 0 4px rgba(0, 0, 255, 0.12);
  --font-display: "Noto Sans Thai", sans-serif;
  --font-body: "Noto Sans Thai", sans-serif;
  --font-label: "Noto Sans Thai", sans-serif;
  --page-max-width: 1800px;
  --content-max-width: 1200px;
  --workspace-max-width: 1440px;
  --nav-height: 88px;
  --side-nav-width: 320px;
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-organic: 28px;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-editorial-section-y: clamp(4.5rem, 8vw, 8rem);
  --space-editorial-section-x: 1.25rem;
  --space-editorial-hero-top: 7rem;
  --space-editorial-hero-bottom: 4.5rem;
  --type-label-sm: 0.72rem;
  --tracking-label: 0.16em;
  --type-editorial-hero: clamp(3.15rem, 8.8vw, 8.4rem);
  --type-editorial-section: clamp(2.25rem, 5.3vw, 5rem);
  --type-editorial-card: clamp(1.35rem, 2.5vw, 2.1rem);
  --leading-editorial-title: 0.9;
  --leading-editorial-copy: 1.82;
  --footer-bg: #111214;
  --footer-fg: rgba(248, 246, 239, 0.84);
  --footer-muted: rgba(248, 246, 239, 0.56);
  --footer-line: rgba(248, 246, 239, 0.14);
  --motion-fast: 160ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-base: 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --motion-slow: 520ms cubic-bezier(0.16, 1, 0.3, 1);
  --z-nav: 50;
  --z-overlay: 70;
  --z-toast: 90;
}