/* Cyori UI foundation — shared semantic tokens; legacy July artwork is unchanged. */
:root {
  --cy-font-ui: "Outfit", "Noto Sans Thai", "Segoe UI", system-ui, sans-serif;
  --cy-font-display: "Space Grotesk", "Outfit", system-ui, sans-serif;
  --cy-gold: #d4af37;
  --cy-gold-bright: #f0d272;
  --cy-canvas: #070708;
  --cy-surface: rgba(18, 18, 22, .78);
  --cy-line: rgba(255, 255, 255, .09);
  --cy-text: #f6f3f4;
  --cy-muted: rgba(255, 255, 255, .65);
  --cy-page-max: 1240px;
  --cy-gutter: clamp(16px, 3vw, 32px);
  --cy-header-height: 80px;
  --cy-radius-sm: 10px;
  --cy-radius: 16px;
  --cy-radius-lg: 22px;
  --cy-s1: 4px;
  --cy-s2: 8px;
  --cy-s3: 12px;
  --cy-s4: 16px;
  --cy-s5: 20px;
  --cy-s6: 24px;
  --cy-s8: 32px;
  --cy-s10: 40px;
  --cy-section-gap: clamp(56px, 7vw, 100px);
  --cy-h1: clamp(2.15rem, 4.7vw, 4.6rem);
  --cy-h2: clamp(1.65rem, 3.1vw, 2.5rem);
  --cy-h3: clamp(1.05rem, 1.7vw, 1.35rem);
}
@media (max-width: 1024px) { :root { --cy-header-height: 70px; } }
@media (prefers-reduced-motion: reduce) { :root { scroll-behavior: auto; } }