/* =====================
   Poppins Font Face
===================== */
@font-face {
  font-family: 'Poppins';
  src: url('/SIT/assets/fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap; /* rychlejší načítání textu */
}

@font-face {
  font-family: 'Poppins';
  src: url('/SIT/assets/fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap;
}

/* Volitelně můžeš přidat Regular (400) a Light (300) pokud je máš */
@font-face {
  font-family: 'Poppins';
  src: url('/SIT/assets/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('/SIT/assets/fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
    /* =====================
       COLORS
    ===================== */
    --color-primary: #01A9B8; /* new */
    --color-secondary: #ffffff; /* new */
    --color-secondary-hover: #eefeff; /* new */
    --color-accent: #00636c;
    --color-bg: #F3F3F3; /* new */
    --color-surface: #ffffff;
    --color-text: #000000;
    --color-text-light: #ffffff;
    --color-text-muted: #98A2B3; /* new */
    --color-error: #97080B;  /* new */
    --color-warning: #f59e0b;
    --color-success: #10b981;

    --color-plzenskeskoly: #097F16;
    --color-centrumrobotiky: #F49C24;
    --color-radovanek: #05A8C4; 
    --color-sitport: #7D3F84;

    --color-plzenskeskoly-active: #064e0f;
    --color-centrumrobotiky-active: #bf7b1d;
    --color-radovanek-active: #04768b; 
    --color-sitport-active: #532b58;

    /* =====================
       TYPOGRAPHY
    ===================== */
    --font-main: 'Poppins', sans-serif;

    --text-h1: 3rem;   /* 48px */
    --text-h2: 2rem;   /* 30px */
    --text-h3: 1.25rem; /* 20px */
    --text-h4: 1rem;    /* 16px */
    --text-h5: 0.875rem; /* 14px */
    --text-body: 1rem; /* 16px */
    --text-small: 0.875rem; /* 14px */
    --text-button: 1rem; /* 16px */
    --text-link-to-source: 1.5rem; /* 24px */

    /* =====================
       FONT WEIGHTS
    ===================== */
    /* Základní váhy */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Specifické použití */
    --font-weight-heading: var(--font-weight-bold);
    --font-weight-body: var(--font-weight-regular);
    --font-weight-button: var(--font-weight-semibold);

    /* =====================
       SPACING (8px scale)
    ===================== */
    --space-1: 0.25rem; /* 4px */
    --space-2: 0.5rem;  /* 8px */
    --space-3: 1rem;    /* 16px */
    --space-4: 1.5rem;  /* 24px */
    --space-5: 2rem;    /* 32px */
    --space-6: 3rem;    /* 48px */
    --space-7: 4rem;    /* 64px */
    --space-8: 6rem;    /* 96px */

    /* =====================
       BORDER & RADIUS
    ===================== */
    --radius-sm: 20px; /* new */
    --radius-md: 40px; /* new */
    --radius-lg: 60px; /* new */

    --border-width: 1px;
    --border-color: #01A9B8;

    /* =====================
       SHADOWS
    ===================== */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 0px 4px rgba(0,0,0,0.25);  /* new */

    /* =====================
       BREAKPOINTS
    ===================== */
    --bp-xs: 350px;
    --bp-sm: 576px;
    --bp-md: 768px;
    --bp-lg: 992px;
    --bp-xl: 1200px;
    --bp-xxl: 1400px; /* new - added */
}