:root {
  /* ===================================
     MINDSRESTART - CSS Design System
     Přesné hodnoty z analýzy webu
     =================================== */

  /* --- PRIMÁRNÍ BAREVNÁ PALETA --- */
  --color-teal:          #1AB6AE;
  --color-teal-mid:      #19A4BA;
  --color-teal-dark:     #1A8EBB;
  --color-blue-mid:      #1C75BC;
  --color-blue-deep:     #38459C;
  --color-purple-mid:    #8E4092;
  --color-purple-dark:   #753E93;
  --color-purple:        #AC4198;

  /* --- TEXTY --- */
  --color-text:          #212121;
  --color-text-light:    #565A7C;
  --color-white:         #FFFFFF;
  --color-black:         #000000;

  /* --- POZADÍ --- */
  --color-bg:            #FFFFFF;
  --color-bg-light:      #F6F6FF;
  --color-bg-soft:       #F7FBFF;
  --color-bg-overlay:    rgba(0, 0, 0, 0.5);

  /* --- AKCENTY --- */
  --color-gold:          #EBC071;
  --color-green:         #15B586;
  --color-green-dark:    #055346;
  --color-link-light:    #B7ADFB;

  /* --- GRADIENTY --- */
  --gradient-hero: linear-gradient(140deg,
    #1AB6AE 0%, #19A4BA 13%, #1A8EBB 24%, #1C75BC 35%,
    #38459C 47%, #753E93 60%, #8E4092 71%, #AC4198 100%);

  --gradient-pillars: linear-gradient(180deg,
    #38459C 0%, #1A8EBB 60%, #1AB6AE 100%);

  --gradient-contact: linear-gradient(360deg,
    #753E93 0%, #38459C 27%, #1A8EBB 69%, #19A4BA 83%, #1AB6AE 100%);

  --gradient-form: linear-gradient(175deg,
    #AC4198 0%, #1C75BC 100%);

  --gradient-testimonial: linear-gradient(0deg,
    #FFFFFF 1%, #8E4092 15%, #753E93 100%);

  --gradient-card-teal: linear-gradient(150deg,
    #1AB6AE 0%, #19A4BA 100%);

  --gradient-card-blue: linear-gradient(150deg,
    #38459C 0%, #753E93 100%);

  --gradient-card-purple: linear-gradient(150deg,
    #AC4198 0%, #8E4092 100%);

  --gradient-resource-card: linear-gradient(140deg,
    #1AB6AE 0%, #38459C 50%, #AC4198 100%);

  /* --- TYPOGRAFIE --- */
  --font-display:   'Nunito', 'TT Gertika', sans-serif;
  --font-heading:   'Nunito', 'TT Gertika', sans-serif;
  --font-body:      'Quicksand', sans-serif;
  --font-accent:    'Fredoka', sans-serif;

  --font-size-hero:   clamp(42px, 5vw, 70px);
  --font-size-h1:     clamp(36px, 4vw, 60px);
  --font-size-h2:     clamp(28px, 3vw, 44px);
  --font-size-h3:     clamp(20px, 2.5vw, 26px);
  --font-size-body:   clamp(15px, 1.5vw, 18px);
  --font-size-small:  14px;
  --font-size-btn:    16px;

  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-semibold:600;
  --font-weight-bold:    700;
  --font-weight-black:   900;

  --line-height-tight:  1.2;
  --line-height-normal: 1.6;
  --line-height-loose:  1.8;

  /* --- SPACING --- */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-2xl:  64px;
  --space-3xl:  96px;
  --space-4xl:  128px;

  /* --- LAYOUT --- */
  --container-max:   1200px;
  --container-pad:   24px;
  --section-pad-y:   80px;

  /* --- BORDER RADIUS --- */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-pill: 100px;
  --radius-full: 50%;

  /* --- SHADOWS --- */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.08);
  --shadow-md:   0 4px 20px rgba(0,0,0,0.12);
  --shadow-lg:   0 8px 40px rgba(0,0,0,0.16);
  --shadow-card: 0 4px 24px rgba(56,69,156,0.15);

  /* --- TRANSITIONS --- */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.3s ease;
  --transition-slow:   0.5s ease;

  /* --- BREAKPOINTS (pro JS usage) --- */
  --bp-sm:  576px;
  --bp-md:  768px;
  --bp-lg:  1024px;
  --bp-xl:  1200px;
}