/*
Theme Name: Future Ready
Theme URI: https://futuready.logannathan.com.au/
Author: Logan Nathan
Author URI: https://logannathan.com.au/
Description: Official WordPress theme for Future Ready™ — Small Steps. Big Dreams. A practical guide for students, parents and teachers helping young people thrive in the AI age, by Logan Nathan. Built with Elementor page-builder support, semantic HTML5 and a fully responsive, mobile-first layout.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: future-ready
Tags: custom-colors, custom-logo, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready, block-styles, wide-blocks

Future Ready WordPress Theme, Copyright 2026 Logan Nathan.
Future Ready is distributed under the terms of the GNU GPL v2 or later.
*/

/* ==========================================================================
   Design tokens
   All actual layout/visual CSS lives in assets/css/main.css (enqueued via
   functions.php). This file only needs the header comment above for WP to
   recognise the theme, but we keep root-level custom property fallbacks
   here too in case main.css fails to load.
   ========================================================================== */

:root{
  --fr-navy:        #041F4E;
  --fr-navy-light:  #0b3068;
  --fr-navy-tint:   #123a7d;
  --fr-blue:        #054297;
  --fr-blue-dark:   #032f6e;
  --fr-blue-light:  #4f7cc4;
  --fr-blue-tint:   #eaf1fb;
  --fr-yellow:      #fdbf02;
  --fr-amber:       #f7aa03;
  --fr-orange:      #f95d0b;
  --fr-green:       #16aa3b;
  --fr-purple:      #28085f;
  --fr-red:         #bf0a26;
  --fr-gold:        #fdbf02;
  --fr-gold-dark:   #c99100;
  --fr-cream:       #ffffff;
  --fr-cream-dark:  #ffffff;
  --fr-hover-tint:  #eef1f5;
  --fr-ink:         #111827;
  --fr-ink-soft:    #64748b;
  --fr-white:       #ffffff;
  --fr-border:      #e5e7eb;

  --fr-font-display: "Sora", "Segoe UI", sans-serif;
  --fr-font-body:    "Inter", "Segoe UI", sans-serif;

  --fr-radius-sm: 10px;
  --fr-radius-md: 18px;
  --fr-radius-lg: 28px;
  --fr-radius-pill: 999px;

  --fr-shadow-sm: 0 2px 10px rgba(11,30,61,0.06);
  --fr-shadow-md: 0 10px 30px rgba(11,30,61,0.10);
  --fr-shadow-lg: 0 24px 60px rgba(11,30,61,0.16);

  --fr-container: 1180px;
}