/* Google Fonts Import (KEPRO Font Theme) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&family=Montserrat:wght@600;700&family=Inter:wght@400;700&family=JetBrains+Mono:wght@700&display=swap');

:root {
    /* ========== KEPRO BRAND COLORS ========== */
    --brand-primary: #1870B9;
    --brand-secondary: #28AEE4;
    --brand-accent: #00B04F;

    /* Text Colors */
    --text-heading: #1a1a1a;
    --text-body: #4a4a4a;
    --text-strong: #151313;

    /* Dynamic offset when a fixed #topbar + #header exist */
    --fixed-offset: 0px;

    /* ========== KEPRO FONT SYSTEM ========== */
    /* Primary Fonts */
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* Font Weights */
    --weight-regular: 400;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-extrabold: 800;

    /* Typography Scale - Hero Specific */
    --text-h1: clamp(1.75rem, 5vw, 4rem);
    /* H1: 28px → 64px */
    --text-kicker: clamp(0.75rem, 1.5vw, 0.875rem);
    /* Kicker: 12px → 14px */
    --text-body: clamp(0.9375rem, 2vw, 1.125rem);
    /* Body: 15px → 18px */
    --text-btn: 1rem;
    /* Button: 16px */

    /* Line Heights */
    --lh-hero-title: 1.1;
    --lh-kicker: 1.2;
    --lh-body: 1.6;

    /* Letter Spacing */
    --ls-kicker: 1.5px;
    --ls-hero-title: -0.02em;
}

/* kepro-widgets.css — shared utility classes */
.kepro-section { width: 100%; box-sizing: border-box; }
.kepro-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.kepro-btn:hover { opacity: 0.85; }
.kepro-img { max-width: 100%; height: auto; display: block; }