/* =============================================================
   Design tokens (tenant swap layer)
   -------------------------------------------------------------
   Per-store branding lives in :root here. Swapping a tenant =
   replacing this block (cloudestate-tokyo / cloudestate-fukuoka).
   Every other stylesheet references these variables only.
   Values transcribed from the live site's computed style
   (numbers/colors are facts, not copied CSS).
   ============================================================= */
:root {
  /* --- tenant brand (cloudestate-tokyo) --- */
  --main-color: #A0734A;              /* brown / tan  */
  --main-light-color: #A0734A1a;      /* main @ 10%   */
  --main-heighlight-color: #A0734A0a; /* main @ 4%    */
  --sub-color: #FFBA43;               /* gold / amber */
  --sub-light-color: #FFBA431a;       /* sub @ 10%    */
  --point-color: #FFBA43;             /* CTA / tel    */
  --background-color: #FAFAFA;
  --main-font-color: #fff;            /* text on main */
  --sub-font-color: #fff;             /* text on sub  */

  /* --- shared base tokens (theme-independent) --- */
  --screen-size: 1140px;
  --full-screen: calc(50% - max(50%, 50vw));
  --dark-color: #263238;
  --light-text-color: #455A64;
  --gray-text: #78909C;
  --border-color: #CFD8DC;
  --dark-border-color: #78909C;
  --bg-light-gray: #ECEFF1;
  --bg-dark-transparent: rgba(38, 50, 56, .9);
  --strong-color: #EF5350;            /* NEW / red labels */
  --box-shadow: 0 3px 6px rgba(38, 50, 56, .18);
  --rank1: #9D8E30;                   /* gold  */
  --rank2: #5F89B8;                   /* silver-blue */
  --rank3: #9A7A56;                   /* bronze */
  --rank-under: #78909C;
  --sns-line: #06C755;                /* LINE green */

  /* system font stack — no webfont load (matches live behaviour) */
  --font-sans: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', 'Meiryo', sans-serif;
}