/* ============================================
   一凡 SPACE — Design Tokens
   ============================================ */

:root {
  /* Brand Colors */
  --color-cream:        #F7F2EA;
  --color-wood:         #7A6251;
  --color-fog:          #D8D3CC;
  --color-moss:         #7B8D7A;
  --color-ember:        #E68A78;
  --color-bark:         #4F463F;

  /* Semi-transparent derivatives */
  --color-cream-80:     rgba(247, 242, 234, 0.85);
  --color-cream-60:     rgba(247, 242, 234, 0.6);
  --color-wood-40:      rgba(122, 98, 81, 0.4);
  --color-bark-60:      rgba(79, 70, 63, 0.6);

  /* Typography — Chinese */
  --font-chinese:       "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", serif;
  --font-body:          "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* Typography — English */
  --font-english:       "Cormorant", "Georgia", serif;

  /* Font Sizes — fluid */
  --text-hero:          clamp(2.2rem, 5vw, 4rem);
  --text-hero-sub:      clamp(1rem, 2vw, 1.5rem);
  --text-section:       clamp(1.5rem, 3vw, 2.2rem);
  --text-body:          clamp(0.95rem, 1.2vw, 1.125rem);
  --text-caption:       clamp(0.8rem, 1vw, 0.9rem);
  --text-nav:           clamp(0.85rem, 1vw, 1rem);

  /* Font Weights */
  --weight-light:       300;
  --weight-regular:     400;
  --weight-medium:      500;

  /* Spacing */
  --space-section:      clamp(5rem, 10vh, 10rem);
  --space-block:        clamp(2rem, 4vh, 4rem);
  --space-inline:       clamp(1rem, 2vw, 2rem);
  --space-xs:           clamp(0.5rem, 1vw, 0.75rem);

  /* Layout */
  --max-width:          1200px;
  --max-width-narrow:   800px;
  --gutter:             clamp(1.5rem, 4vw, 4rem);

  /* Borders */
  --radius-card:        2px;
  --radius-button:      2px;

  /* Shadows — very subtle */
  --shadow-soft:        0 2px 20px rgba(79, 70, 63, 0.06);

  /* Animation */
  --duration-slow:      800ms;
  --duration-normal:    400ms;
  --duration-fast:      200ms;
  --ease-gentle:        cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out-expo:      cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-index layers */
  --z-nav:              100;
  --z-overlay:          50;
  --z-content:          10;
  --z-bg:               1;
}