/* Design Tokens — RevelTravel
   Quiet order · Editorial restraint · Consultant trust */

:root {
  /* ── Color ── */
  --color-bg:            #FFFFFF;
  --color-bg-alt:        #F7F7F7;
  --color-surface:       #FFFFFF;

  --color-text:          #2C2C2C;
  --color-text-soft:     #6B6B6B;
  --color-text-muted:    #999999;

  --color-primary:       #4A5548;
  --color-primary-hover: #3B443A;
  --color-accent:        #B8A080;
  --color-accent-soft:   #D4C8B4;

  --color-border:        #E5E5E5;
  --color-border-light:  #F0F0F0;

  --color-error:         #C45C5C;
  --color-success:       #5C8A6C;

  /* ── Typography ── */
  --font-display: "Playfair Display", "Noto Serif SC", Georgia, serif;
  --font-body:    "Inter", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;

  /* ── Spacing ── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ── Radius ── */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   6px;
  --radius-full: 999px;

  /* ── Motion ── */
  --ease-out:        cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast:   0.15s;
  --duration-normal: 0.25s;

  /* ── Layout ── */
  --container-max:     1120px;
  --container-padding: 24px;

  /* ── Z-index ── */
  --z-header:  100;
  --z-overlay: 200;
  --z-modal:   300;
}