/*
Theme Name:  Nishimura Fudousan v3
Description: Property listing theme for Nishimura Fudousan Thailand (v3 redesign)
Author:      Nishimura Fudousan
Version:     3.0.0
Text Domain: nishimura-v3
*/

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

/* =============================================
   CSS Custom Properties
   ============================================= */
:root {
  /* ── v3 brand palette (redesigned surfaces: header, footer, homepage, search page) ── */
  --color-primary:         #0a4024;  /* deep forest green */
  --color-primary-dark:    #042614;
  --color-primary-light:   #0c4a2a;

  /* Footer palette names ("green" = footer body = --color-primary; "dark green" = footer bottom) */
  --color-dark-green:      #042614;  /* footer bottom bar */
  --color-accent:          #ba9438;  /* gold */
  --color-accent-dark:     #9c7b2c;
  --color-line:            #06C755;  /* LINE brand green */

  /* Colors (legacy — kept for pages not yet redesigned) */
  --color-green:           #13BC32;
  --color-green-dark:      #10A22B;
  --color-gold:            #B38E5C;
  --color-text:            #333333;
  --color-text-light:      #666666;
  --color-white:           #ffffff;
  --color-bg:              #f9f9f9;
  --color-bg-light:        #f7f8f6;  /* shared light-gray surface (sections, cards, hovers) */
  --color-bg-footer-top:   #F8F5F0;
  --color-bg-footer-bottom:#CDECDA;
  --color-border-green:    #13BC32;

  /* Border radius — "leaf" motif */
  --radius-leaf: 20px 0 20px 0;

  /* Spacing */
  --space-inline-pc:  max(16px, (100vw - 1320px) / 2);
  --space-inline-sp:  16px;
  --header-height:    64px;
  /* Fluid section vertical rhythm — scales with the viewport */
  --space-section:    clamp(40px, 6vw, 96px);

  /* Typography
     Body + subtext are FIXED at every width (16 / 14) for consistent
     readability; larger/title tokens scale fluidly (可変) via clamp(). */
  --font-base: 'Noto Sans JP', sans-serif;
  --font-heading: 'Zen Old Mincho', serif;
  --fs-sm:  14px;                                          /* subtext — fixed */
  --fs-md:  16px;                                          /* body    — fixed */
  --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);

  /* Shadows */
  --shadow-card:         0 3px 6px rgba(0, 0, 0, 0.16);
  --shadow-card-hover:   0 3px 6px rgba(19, 188, 50, 1.00);
  --shadow-elevated:     0 12px 48px rgba(0, 0, 0, 0.10), 0 3px 10px rgba(0, 0, 0, 0.06);
  --shadow-glow-green:   0 4px 20px rgba(19, 188, 50, 0.35);

  /* Reveal animation */
  --transition-reveal: opacity 0.55s cubic-bezier(0, 0, 0.2, 1),
                       transform 0.7s cubic-bezier(0, 0, 0.2, 1);
}