/*
Theme Name:  Nishimura Blog v1
Description: Blog theme for Nishimura Real Estate (Thailand) — navy redesign sharing nishimura-v3's structural design system.
Author:      Nishimura Real Estate (Thailand) Co., Ltd.
Version:     1.0.0
Text Domain: nishimura-blog-v1
*/

/* main.css is enqueued separately in functions.php (cache-busted via filemtime) */

:root {
  /* ── Palette (navy, per the design mock) ── */
  --color-primary:       #042743;
  --color-primary-dark:  #021a2e;
  --color-primary-light: #0a3a5e;
  --color-accent:        #ba9438;
  --color-text:          #333333;
  --color-text-light:    #666666;
  --color-white:         #ffffff;
  --color-bg-light:      #f7f8f6;
  --color-bg-hover:      #eef0ee;
  --color-border:        #e5e7eb;
  --color-bg-badge:      #e8eaef;

  /* ── Header/footer chrome — nishimura-v3's green, so both sites match ── */
  --color-site-green:      #0a4024;
  --color-site-green-dark: #042614;
  --color-line:            #06C755;  /* LINE brand green */

  /* ── Spacing — content width inherited from nishimura-v3 ── */
  --space-inline-pc: max(16px, (100vw - 1320px) / 2);
  --space-inline-sp: 16px;
  --header-height:   84px;
  --hero-height:     520px;
  --space-section:   clamp(40px, 6vw, 96px);

  /* ── Typography — body/subtext fixed, titles fluid (v3 policy) ── */
  --font-base:    'Noto Sans JP', sans-serif;
  --font-heading: 'Zen Old Mincho', serif;
  --fs-sm:  14px;
  --fs-md:  16px;
  --fs-lg:  clamp(16px, 13.714px + 0.298vw, 18px);
  --fs-xl:  clamp(18px, 16.857px + 0.149vw, 19px);
  --fs-2xl: clamp(22px, 19.714px + 0.298vw, 24px);
  --fs-3xl: clamp(28px, 25.714px + 0.298vw, 30px);

  /* ── Surfaces ── */
  --radius-card: 8px;
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.06);
  --shadow-header: 0 2px 10px rgba(0, 0, 0, 0.08);
  --color-overlay: rgba(0, 0, 0, 0.45);
  --transition-reveal: opacity 0.55s cubic-bezier(0, 0, 0.2, 1),
                       transform 0.7s cubic-bezier(0, 0, 0.2, 1);
}