/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/* @link https://utopia.fyi/type/calculator?c=300,16,1.067,1440,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {

  /* Typography */
  --text-xs: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);        /* 14 */
  --text-sm: clamp(0.9375rem, 0.9202rem + 0.0739vw, 1rem);      /* 15 → 16 */
  --text-base: clamp(1rem, 0.9653rem + 0.1478vw, 1.125rem);     /* 16 → 18 */

  --text-md: clamp(1.125rem, 1.0903rem + 0.1478vw, 1.25rem);    /* 18 → 20 */
  --text-lg: clamp(1.25rem, 1.1806rem + 0.2956vw, 1.5rem);      /* 20 → 24 */

  --text-xl: clamp(1.5rem, 1.2222rem + 1.1823vw, 2rem);         /* 24 → 32 */
  --text-2xl: clamp(1.75rem, 1.3333rem + 1.7735vw, 2.5rem);     /* 28 → 40 */
  --text-3xl: clamp(2.125rem, 1.6389rem + 2.069vw, 3rem);       /* 34 → 48 */
  --text-4xl: clamp(2.625rem, 2.0347rem + 2.5129vw, 4rem);      /* 42 → 64 */
}

@media (max-width: 767px) {
  :root {
    --text-2xl: 1.375rem;  /* 22px */
    --text-3xl: 1.625rem;  /* 26px */
    --text-4xl: 2rem;      /* 32px */
  }
}

/* Velké monitory (1600+) */
@media (min-width: 1600px) {

  :root {
    --text-xs: 0.9375rem;   /* 15px */
    --text-sm: 1.125rem;    /* 18px */
  }

}

:root {
  --space-3xs: 0.25rem;   /* 4 */
  --space-2xs: 0.5rem;    /* 8 */
  --space-xs: 0.75rem;    /* 12 */
  --space-sm: 1rem;       /* 16 */
  --space-md: 1.5rem;     /* 24 */
  --space-lg: 2rem;       /* 32 */
  --space-xl: 3rem;       /* 48 */
  --space-2xl: 4rem;      /* 64 */
  --space-3xl: 6rem;      /* 96 */
}

:root {

  /* Section spacing */
  --section-sm: clamp(3rem, 2.45rem + 2.35vw, 5rem);      /* 48 → 80 */
  --section-md: clamp(4rem, 3.31rem + 2.96vw, 6.5rem);    /* 64 → 104 */
  --section-lg: clamp(5rem, 4.03rem + 4.14vw, 8.5rem);    /* 80 → 136 */

}

body.bricks-is-frontend :focus-visible {
  outline: none !important;