/* ==========================================================================
   ReviewChicken design tokens
   Business-grade, editorial look: warm paper, deep ink, brand purple as the
   single strong accent, gold reserved for stars and ratings.
   ========================================================================== */

:root {
  /* Colour: ReviewChicken design system (Elementor kit): #7231BE purple,
     #1A1028 ink, #8B7FA3 muted, #6E6580 slate, lilac tints #F8F6FC / #EEEAF5.
     Dark surfaces use the brand ink #1A1028, never pure black. */
  --c-paper:        #F8F6FC;  /* lilac-50, page background */
  --c-white:        #FFFFFF;
  --c-sand:         #EEEAF5;  /* lilac-100, tinted sections */
  --c-sand-deep:    #E2DCEE;
  --c-line:         #E4DEEE;
  --c-ink:          #1A1028;  /* brand ink */
  --c-ink-soft:     #4A3F5C;
  --c-muted:        #6E6580;  /* slate */
  --c-night:        #1A1028;
  --c-night-2:      #261A39;
  --c-night-line:   #3A2C50;
  --c-purple:       #7231BE;  /* brand purple */
  --c-purple-deep:  #5B2499;
  --c-purple-soft:  #EEEAF5;
  --c-purple-glow:  #B9A0EA;
  --c-violet:       #8B5CF6;
  --c-violet-bright: #A67CFF; /* brand violet lifted for contrast on #1A1028 */
  --c-gold:         #F2B33D;
  --c-green:        #1E8A5A;
  --c-green-soft:   #E3F3EA;
  --c-red:          #C2412D;
  --c-red-soft:     #FBE9E5;

  /* Type */
  --f-sans:  "Instrument Sans", system-ui, sans-serif;

  --t-display: clamp(2.1rem, 1.3rem + 3.5vw, 4.2rem);
  --t-h1:      clamp(1.85rem, 1.3rem + 2.4vw, 3.2rem);
  --t-h2:      clamp(1.55rem, 1.1rem + 1.7vw, 2.5rem);
  --t-h3:      clamp(1.05rem, .95rem + .3vw, 1.15rem);
  --t-lead:    clamp(1rem, .95rem + .2vw, 1.1rem);
  --t-body:    .9375rem;
  --t-small:   .875rem;
  --t-label:   .875rem;

  /* Layout */
  --container:     1240px;
  --container-wide: 1400px;
  --gutter:        clamp(16px, 4vw, 40px);
  --section-y:     clamp(48px, 6.4vw, 100px);
  --header-h:      64px;

  /* Shape */
  --r-sm:   8px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-pill: 999px;
  --r-btn:  6px;

  --shadow-sm:  0 1px 2px rgba(22, 18, 31, .06);
  --shadow-md:  0 10px 30px -12px rgba(22, 18, 31, .18);
  --shadow-lg:  0 40px 80px -30px rgba(22, 18, 31, .35);
  --ease:       cubic-bezier(.2, .7, .2, 1);
}