/* =====================================================================
   AMOÉ TOKYO — style.css  (FOUNDATION)
   デザイントークン / リセット / ベースタイポgrafi / 共通ユーティリティ
   ※ ページ固有スタイルは pages.css、UIパーツは components.css
   ===================================================================== */

/* ---- Design tokens ---- */
:root{
  --ivory:#f7f3ec; --ivory-deep:#efe8dc; --ink:#2b2723; --ink-soft:#5c554c;
  --gold:#b08d57; --gold-soft:#cdb892; --blush:#d8b7ac; --blush-soft:#ecd9d1; --line:#e2d9cb;
  --serif:'Cormorant Garamond',serif; --mincho:'Shippori Mincho',serif; --sans:'Jost',sans-serif;
}

/* ---- Reset ---- */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden;}

/* ---- Base typography helpers ---- */
.en{font-family:var(--serif);}
.jp{font-family:var(--mincho);}
::selection{background:var(--blush-soft);}

/* ---- Section headings (共通) ---- */
.sec-label{font-size:11px;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
.sec-title{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(28px,4vw,46px);line-height:1.2;}

/* ---- Scroll reveal animation ---- */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s,transform 1s;}
.reveal.in{opacity:1;transform:translateY(0);}

/* ---- Utility classes (旧インラインstyleの置き換え) ---- */
.u-center{text-align:center;}
.u-gold{color:var(--gold);}
.u-inline-gold{display:inline;color:var(--gold);}
.u-normal-gold{font-style:normal;color:var(--gold);}
.u-pt-10{padding-top:10px;}
.u-mt-46{margin-top:46px;}
.u-grid-note{grid-column:1/-1;text-align:center;color:var(--ink-soft);}