/*
Theme Name: BSL Education
Theme URI: https://webstacked.co.uk
Author: WebStacked
Author URI: https://webstacked.co.uk
Description: A fun, bright, and friendly WordPress theme for Blue Sky Learning. Hand-coded header and footer with Elementor page builder support.
Version: 1.1.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bsl-education
Tags: education, elementor, custom-header, custom-footer, custom-menu
*/

/* =====================================================
   CLOUDS WELL — Custom Font
   ===================================================== */
@font-face {
    font-family: 'Clouds Well';
    src: url('assets/fonts/clouds-well.woff2') format('woff2'),
         url('assets/fonts/clouds-well.woff')  format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Clouds Well';
    src: url('assets/fonts/clouds-well-italic.woff2') format('woff2'),
         url('assets/fonts/clouds-well-italic.woff')  format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Clouds Well Inner';
    src: url('assets/fonts/clouds-well-inner.woff2') format('woff2'),
         url('assets/fonts/clouds-well-inner.woff')  format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Clouds Well Shadow';
    src: url('assets/fonts/clouds-well-shadow.woff2') format('woff2'),
         url('assets/fonts/clouds-well-shadow.woff')  format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* =====================================================
   CSS CUSTOM PROPERTIES
   ===================================================== */
:root {
  --bsl-sky:        #42AADF;
  --bsl-sky-light:  #8DD5F5;
  --bsl-sky-deep:   #1565C0;
  --bsl-navy:       #0D2558;

  --bsl-sun:        #FFD740;
  --bsl-coral:      #FF6B6B;
  --bsl-coral-dark: #E85555;
  --bsl-green:      #56C870;
  --bsl-orange:     #FF8C42;
  --bsl-purple:     #B39DDB;
  --bsl-lavender:   #9C6FDE;

  --bsl-white:      #FFFFFF;
  --bsl-cloud:      #F0F9FF;
  --bsl-grey-light: #F5F5F5;
  --bsl-text:       #1A2E6B;
  --bsl-text-soft:  #4A5568;

  --font-heading: 'Fredoka One', cursive;
  --font-body:    'Nunito', 'Helvetica Neue', sans-serif;

  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  --radius-sm:  8px;
  --radius-md:  16px;
  --radius-lg:  24px;
  --radius-pill: 9999px;

  --shadow-sm:  0 2px 8px rgba(21, 101, 192, 0.12);
  --shadow-md:  0 4px 20px rgba(21, 101, 192, 0.18);
  --shadow-lg:  0 8px 40px rgba(13, 37, 88, 0.22);

  --trans-fast:   0.15s ease;
  --trans-normal: 0.25s ease;
  --trans-slow:   0.4s ease;

  --container-max: 1200px;
  --header-height: 170px;

  /* Cloud vars — overridden by inline CSS from Customizer */
  --bsl-cloud-opacity: 0.75;
}