/* =========================================================
   REBOOT CAMP — cebu resort edition / design tokens
   コンセプト: 明るいセブのビーチ・リゾート × 洗練
   白砂の明るい背景 / 青空 / ターコイズの海 / 陽光ゴールド。
   ========================================================= */
:root {
  /* ---- Base: 白砂・陽光の明るい面 ---- */
  --ink:        #F7F3EA;  /* page background = 白砂 */
  --ink-raise:  #FCFAF3;  /* raised */
  --ink-card:   #FFFFFF;  /* card = 純白 */
  --ink-deep:   #0E3A44;  /* footer = 深い海（反転して締める） */
  --sand:       #ECE0CB;  /* warm sand panel */
  --sand-soft:  #F3EADA;

  /* ---- Text: 深い海の紺（白砂に映える） ---- */
  --paper:       #10353F;  /* 本文・見出し */
  --paper-dim:   rgba(16, 53, 63, 0.72);
  --paper-faint: rgba(16, 53, 63, 0.50);
  --paper-ghost: rgba(16, 53, 63, 0.12);
  --on-deep:     #F7F3EA;  /* 濃い面の上の文字 */
  --on-deep-dim: rgba(247, 243, 234, 0.68);

  /* ---- Accent 1: セブの陽光（ゴールド／夕日寄り） ---- */
  --gold:      #D98A32;
  --gold-soft: #E7A755;
  --gold-dim:  rgba(217, 138, 50, 0.60);
  --gold-glow: rgba(217, 138, 50, 0.14);

  /* ---- Accent 2: セブの海（ターコイズ） ---- */
  --sea:       #12A597;
  --sea-soft:  #3FC0B2;
  --sea-deep:  #0B7C72;
  --sea-dim:   rgba(18, 165, 151, 0.55);
  --sea-glow:  rgba(18, 165, 151, 0.12);

  /* ---- 空の青 ---- */
  --sky:       #78BFD6;
  --sky-soft:  #A9D8E5;
  --sky-dim:   rgba(120, 191, 214, 0.5);

  /* ---- Hairlines ---- */
  --line:      rgba(16, 53, 63, 0.12);
  --line-2:    rgba(16, 53, 63, 0.20);
  --line-gold: rgba(217, 138, 50, 0.40);
  --line-sea:  rgba(18, 165, 151, 0.42);

  /* ---- ヒーローの空→海→砂 ---- */
  --sky-grad:  linear-gradient(180deg, #BEE2EC 0%, #D6EDF0 34%, rgba(247,243,234,0) 66%);
  --sun-glow:  radial-gradient(closest-side, rgba(217,138,50,0.42), rgba(231,167,85,0.10) 52%, transparent 72%);

  /* ---- Type ---- */
  --f-display: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --f-mono:    "Space Mono", "SFMono-Regular", ui-monospace, monospace;
  --f-jp:      "Zen Kaku Gothic New", "Hanken Grotesk", sans-serif;

  --fs-hero:   clamp(2.9rem, 9.2vw, 8.4rem);
  --fs-h2:     clamp(2rem, 5vw, 4.2rem);
  --fs-h3:     clamp(1.35rem, 2.4vw, 2rem);
  --fs-lead:   clamp(1.05rem, 1.5vw, 1.35rem);
  --fs-body:   clamp(0.98rem, 1.08vw, 1.08rem);
  --fs-label:  0.72rem;

  --lh-tight:  0.98;
  --lh-snug:   1.28;
  --lh-body:   1.92;

  --track-label: 0.34em;
  --track-tight: -0.02em;

  /* ---- Space ---- */
  --pad:   clamp(20px, 5.2vw, 76px);
  --gap:   clamp(24px, 3vw, 48px);
  --sec-y: clamp(88px, 13vh, 200px);
  --maxw:  1320px;
  --readw: 720px;

  /* ---- Motion ---- */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:   cubic-bezier(0.62, 0, 0.28, 1);
  --dur:       0.9s;
  --dur-fast:  0.4s;

  /* ---- Radius ---- */
  --r:   3px;
  --r-2: 12px;
}