:root {

  /* ── Brand Colors（リベシティ公式サイト実測値） ── */
  --navy:          #384860;
  --navy-dark:     #1E2330;
  --yellow:        #F4A900;
  --yellow-pale:   #FFF8DC;

  /* ── Neutral ── */
  --bg-base:       #FAFAF5;
  --bg-sub:        #F2EDE4;
  --bg-white:      #FFFFFF;

  /* ── Text ── */
  --text-primary:   #1A1A1A;
  --text-secondary: #5A5A5A;
  --text-hint:      #9A9A9A;
  --text-on-navy:   rgba(255,255,255,0.88);

  /* ── Border ── */
  --border:         rgba(0,0,0,0.08);
  --border-strong:  rgba(0,0,0,0.16);

  /* ── Typography ── */
  --font-en:  'DM Sans', sans-serif;
  --font-num: 'DM Mono', monospace;
  --font-ja:  "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",
              "游ゴシック体", YuGothic, Meiryo, sans-serif;

  /* ── Type Scale ── */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   22px;
  --text-xl:   30px;
  --text-2xl:  44px;
  --text-hero: 62px;

  /* ── Line Height ── */
  --leading-tight:   1.2;
  --leading-snug:    1.4;
  --leading-body:    1.8;
  --leading-relaxed: 2.0;

  /* ── Letter Spacing ── */
  --tracking-tight:  -0.02em;
  --tracking-base:    0.04em;
  --tracking-wide:    0.12em;
  --tracking-wider:   0.2em;

  /* ── Spacing（8px基準） ── */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-16:  64px;
  --sp-20:  80px;
  --sp-24:  96px;
  --sp-32:  128px;

  /* ── Layout ── */
  --container-max: 1200px;
  --container-pad: 60px;
  --container-pad-sp: 20px;
  --content-max: 800px;

  /* ── Transition ── */
  --ease: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);
}