/*
 Theme Name:   Great Plains Security System
 Theme URI:    https://upwardengine.com/
 Description:  Use this child theme to extend Bricks.
 Author:       Upward Engine
 Author URI:   https://upwardengine.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
  /* Fluid spacing from mobile (375px) to tablet (960px) */
  --space-xl: clamp(90px, 7.143rem + 3.571vw, 150px);
  --space-l: clamp(60px, 4.762rem + 2.381vw, 100px);
  --space-m: clamp(30px, 2.381rem + 1.19vw, 50px);
  --space-s: clamp(15px, 1.19rem + 0.595vw, 25px);
  
  /* Fluid typography from mobile (375px) to desktop (960px) */
  /* H1: 28px (mobile) → 40px (desktop) */
  --font-h1: clamp(2.8rem, 2.057rem + 2.971vw, 4rem);
  
  /* H2: 24px (mobile) → 32px (desktop) */
  --font-h2: clamp(2.4rem, 1.943rem + 1.829vw, 3.2rem);
  
  /* H3: 22px (mobile) → 28px (desktop) */
  --font-h3: clamp(2.2rem, 1.857rem + 1.371vw, 2.8rem);
  
  /* H4: 20px (mobile) → 22px (desktop) */
  --font-h4: clamp(2rem, 1.886rem + 0.457vw, 2.2rem);
  
  /* Body: 16px (mobile) → 18px (desktop) */
  --font-body: clamp(1.6rem, 1.486rem + 0.457vw, 1.8rem);
  
  /* Button: 18px (mobile) → 22px (desktop) */
  --font-button: clamp(1.8rem, 1.571rem + 0.914vw, 2.2rem);
  
  /* Button padding - increase for better touch targets */
  --btn-padding-y: clamp(10px, 0.857rem + 0.457vw, 14px);
  --btn-padding-x: clamp(20px, 1.714rem + 0.914vw, 28px);
}

/* Lock values at container max-width */
@media (min-width: 960px) {
  :root {
    --space-xl: 150px;
    --space-l: 100px;
    --space-m: 50px;
    --space-s: 25px;
    --font-h1: 4rem;
    --font-h2: 3.2rem;
    --font-h3: 2.8rem;
    --font-h4: 2.2rem;
    --font-body: 1.8rem;
    --font-button: 2.2rem;
    --btn-padding-y: 14px;
    --btn-padding-x: 28px;
  }
}