/* ============================================================
   SOLEINE — Design Tokens
   ============================================================ */

:root {
  /* --- Fonts --- */
  --font-display: 'Cormorant Garamond', 'Cormorant', Georgia, serif;
  --font-body: 'Jost', 'Gill Sans', sans-serif;

  /* --- Background --- */
  --color-bg: #070B18;

  /* --- Silver White 銀白系 --- */
  --silver-100: #F5F4F2;
  --silver-200: #E8E4DE;
  --silver-300: #C8C2B8;
  --silver-400: #9C9489;

  /* --- Light Gold 淡金系 --- */
  --gold-100: #F0E6C8;
  --gold-200: #D4B878;
  --gold-300: #B89650;
  --gold-400: #8C7038;

  /* --- Pink 粉系 --- */
  --pink-100: #F2E8E4;
  --pink-200: #DEC0B8;
  --pink-300: #C49488;
  --pink-400: #A87068;

  /* --- Milk Tea 奶茶系 --- */
  --latte-100: #EDE4D8;
  --latte-200: #D4C4B0;
  --latte-300: #B8A090;
  --latte-400: #8C7864;

  /* --- Extended 延伸色 --- */
  --mist:      #C8D0D8;
  --lavender:  #C4B8D0;

  /* --- Wa Palette / 和色票 --- */
  --wa-kinari:   #F4EFE7;
  --wa-neri:     #E7D8BF;
  --wa-kohaku:   #D2A45F;
  --wa-usuzumi:  #8E8A82;
  --wa-sakura:   #D8B7AE;
  --wa-fuji:     #BFB5D4;
  --wa-aonibi:   #8FA5AE;
  --wa-sumi:     #121018;
  --wa-cha:      #A98B6F;

  /* --- Glass Surfaces 玻璃面板 --- */
  --frost-base:    rgba(245, 244, 242, 0.05);
  --frost-mid:     rgba(245, 244, 242, 0.08);
  --frost-strong:  rgba(245, 244, 242, 0.12);
  --frost-warm:    rgba(237, 228, 216, 0.07);

  /* --- Border 邊框系 --- */
  --border-outer:  rgba(200, 194, 184, 0.12);
  --border-inner:  rgba(200, 194, 184, 0.28);
  --border-gold:   rgba(212, 184, 120, 0.25);
  --border-pink:   rgba(196, 148, 136, 0.22);
  --border-warm:   rgba(212, 196, 176, 0.20);

  /* --- Surface 表面 --- */
  --color-surface:       rgba(10, 14, 28, 0.72);
  --color-surface-light: rgba(20, 26, 48, 0.60);
  --color-border:        rgba(200, 220, 232, 0.12);

  /* --- Text 文字 --- */
  --color-text:       #E8E4DE;
  --color-text-muted: rgba(232, 228, 222, 0.70);
  --color-text-dim:   rgba(232, 228, 222, 0.45);

  /* --- Nav Planet Colors (不動) --- */
  --color-logo-orange:   #D4895A;
  --color-logo-purple:   #8A7AAC;
  --color-icon-common:   #C8DCE8;
  --color-obs-primary:   #7A9AB8;
  --color-obs-secondary: #9A8AB8;
  --color-obs-glow:      #A8B8D8;
  --color-comm-primary:  #C49A50;
  --color-comm-glow:     #E8C070;
  --color-log-primary:   #6A9A8A;
  --color-log-glow:      #8CBCAC;
  --color-journal-primary: #B88A8A;
  --color-journal-glow:    #D4A8A8;
  --color-term-primary:  #7A8FA0;
  --color-term-glow:     #A8B8C8;

  /* --- Transitions --- */
  --transition-fast:    0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-med:     0.38s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:    0.65s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-elastic: 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Spacing --- */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  /* --- Nav --- */
  --nav-size-collapsed: 56px;
  --nav-size-expanded:  420px;
  --nav-arm-length:     150px;
}