/* PARADOX TIPS & RECIPES — EASY SETTINGS
   หน้านี้ใช้ค่าควบคุมจากไฟล์นี้เป็นหลัก
   ชื่อทุกตัวแปรมีคำกำกับตาม Element เพื่อแก้จากจุดเดียว
*/
:root{
  /* PAGE */
  --tips-bg:#fff;
  --tips-soft:#f7f6f2;
  --tips-ink:#171717;
  --tips-muted:#777;
  --tips-line:#e6e4df;
  --tips-max-width:1380px;
  --tips-page-padding:36px;

  /* HEADER — ให้รูปแบบตรงกับ Category / หน้าอื่น */
  --tips-header-height:68px;
  --tips-logo-size:27px;
  --tips-logo-spacing:4px;
  --tips-nav-size:14px;
  --tips-nav-spacing:34px;
  --tips-nav-letter-spacing:0;
  --tips-header-icon-size:21px;

  /* BREADCRUMB */
  --tips-breadcrumb-top:25px;
  --tips-breadcrumb-bottom:16px;
  --tips-breadcrumb-size:13px;

  /* HERO — TIPS & RECIPES */
  --tips-hero-height:400px;
  --tips-hero-title-size:46px;
  --tips-hero-title-weight:300;
  --tips-hero-title-line:1.04;
  --tips-hero-title-width:600px;
  --tips-hero-text-size:16px;
  --tips-hero-text-line:1.65;
  --tips-hero-text-width:560px;
  --tips-hero-image-radius:0;
  --tips-hero-overlay-start:.96;
  --tips-hero-overlay-middle:.76;

  /* SECTION */
  --tips-section-top:72px;
  --tips-section-bottom:82px;
  --tips-section-kicker-size:13px;
  --tips-section-kicker-spacing:4px;
  --tips-section-kicker-bottom:17px;
  --tips-section-title-size:43px;
  --tips-section-title-weight:400;
  --tips-section-title-line:1.1;
  --tips-section-title-spacing:2px;
  --tips-section-title-bottom:27px;
  --tips-section-line-width:94px;

  /* CATEGORY */
  --tips-category-gap:12px;
  --tips-category-padding:34px 26px;
  --tips-category-min-height:170px;
  --tips-category-bg:#f7f6f2;
  --tips-category-title-size:23px;
  --tips-category-title-weight:400;
  --tips-category-title-bottom:12px;
  --tips-category-text-size:15px;

  /* FEATURED RECIPE */
  --tips-feature-gap:60px;
  --tips-feature-title-size:clamp(36px,4vw,58px);
  --tips-feature-title-weight:300;
  --tips-feature-title-line:1.1;
  --tips-feature-text-size:17px;
  --tips-feature-text-line:1.8;
  --tips-feature-image-radius:0;
  --tips-feature-tag-size:11px;
  --tips-feature-tag-spacing:.16em;
  --tips-feature-meta-size:13px;
  --tips-feature-meta-gap:24px;
  --tips-feature-meta-top-bottom:28px;

  /* BUTTON */
  --tips-button-size:12px;
  --tips-button-padding:12px 20px;
  --tips-button-spacing:.12em;

  /* RECIPE / TIP CARDS */
  --tips-card-gap:22px;
  --tips-card-bg:#f7f6f2;
  --tips-card-title-size:25px;
  --tips-card-title-weight:400;
  --tips-card-title-line:1.2;
  --tips-card-title-top:10px;
  --tips-card-text-size:15px;
  --tips-card-text-line:1.7;
  --tips-card-padding:24px;
  --tips-card-image-radius:0;
  --tips-tip-card-min-height:180px;

  /* PARADOX KITCHEN PROJECT */
  --tips-tools-gap:60px;
  --tips-tools-text-size:17px;
  --tips-tools-text-line:1.8;

  /* FINAL CTA */
  --tips-cta-top:110px;
  --tips-cta-bottom:110px;
  --tips-cta-title-size:clamp(40px,5vw,70px);
  --tips-cta-title-weight:300;
  --tips-cta-title-line:1.05;
  --tips-cta-text-size:17px;
  --tips-cta-text-line:1.8;

  /* FOOTER */
  --tips-footer-height:210px;
  --tips-footer-size:13px;
  --tips-footer-spacing:3px;

  /* MOBILE */
  --tips-mobile-page-padding:16px;
  --tips-mobile-header-height:60px;
  --tips-mobile-hero-height:480px;
  --tips-mobile-hero-title-size:37px;
  --tips-mobile-section-title-size:25px;
}