/* ==========================================================================
   VitHome — Design Tokens (FIND by Cuberto DNA × VitHome Brand Emerald/Lime)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;1,400;1,500&family=Onest:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Brand Colors (from VitHome storefront & architectural luxury palette) */
  --vh-emerald-950: #061A13;
  --vh-emerald-900: #0B2A20;
  --vh-emerald-800: #0D3B2B;
  --vh-emerald-700: #0F4D36;
  --vh-green-600:   #126E43;
  --vh-green-500:   #14874F;
  --vh-lime-400:    #D4E03A;
  --vh-lime-300:    #E2EC5B;
  --vh-lime-soft:   rgba(212, 224, 58, 0.16);
  --vh-graphite:    #151717;
  --vh-charcoal:    #222625;

  /* Editorial Warm Neutrals (FIND Reference) */
  --paper:          #F6F4EF;
  --paper-deep:     #ECE9E1;
  --white:          #FFFFFF;
  --ink:            #151717;
  --ink-secondary:  #3A3F3D;
  --muted:          #5E6461;
  --muted-light:    #8A918E;
  --line:           #E4E1DA;
  --line-dark:      rgba(255, 255, 255, 0.12);

  /* Semantic Status */
  --verified-bg:    #EBF5F0;
  --verified-text:  #0F4D36;
  --kaspi-red:      #F14635;
  --twogis-green:   #2DBE60;

  /* Typography */
  --font-sans:      'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display:   'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif:     'Lora', Georgia, serif;

  /* Fluid Type Scale */
  --text-xs:        0.75rem;
  --text-sm:        0.875rem;
  --text-base:      1.03125rem;
  --text-lg:        1.1875rem;
  --text-xl:        clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-2xl:       clamp(1.5rem, 1.25rem + 1.1vw, 2.15rem);
  --text-3xl:       clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --text-4xl:       clamp(2.5rem, 1.8rem + 3.4vw, 4.75rem);
  --text-display:   clamp(2.75rem, 2rem + 4.2vw, 5.75rem);

  /* Spacing & Layout */
  --container-max:  1440px;
  --gutter:         clamp(1.25rem, 3vw, 3rem);
  --section-py:     clamp(4.5rem, 8vw, 8.5rem);

  /* Radii (FIND Reference: pills + soft architectural cards) */
  --r-pill:         999px;
  --r-xs:           8px;
  --r-sm:           14px;
  --r-md:           20px;
  --r-card:         26px;
  --r-lg:           34px;

  /* Motion & Easing (Cuberto Signature) */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft:      cubic-bezier(0.5, 1, 0.89, 1);
  --ease-spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:       0.32s;
  --dur-base:       0.65s;
  --dur-slow:       1.1s;

  /* Shadows */
  --shadow-sm:      0 4px 16px rgba(15, 23, 20, 0.05);
  --shadow-md:      0 14px 40px rgba(15, 23, 20, 0.08);
  --shadow-lg:      0 28px 70px rgba(11, 42, 32, 0.14);
  --shadow-float:   0 20px 50px rgba(11, 42, 32, 0.22);
}