/*
 Theme Name:   CaSR Patient Support
 Theme URI:    https://casr.org.au
 Description:  Custom child theme for CaSR Patient Support, built on Hello Elementor. Implements the CaSR brand identity system with deep teal, warm coral, and amber gold palette. Designed for use with Elementor Pro.
 Author:       CaSR Patient Support / Ascend Solutions
 Author URI:   https://casr.org.au
 Template:     hello-elementor
 Version:      1.24.0
 Requires at least: 6.0
 Tested up to: 6.7
 Requires PHP: 7.4
 License:      GNU General Public License v3 or later
 License URI:  https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  casr-theme-child
 Tags:         elementor, charity, nonprofit, medical, patient-support, accessibility-ready
*/

/* ==========================================================================
   CaSR BRAND DESIGN TOKENS (CSS Custom Properties)
   ========================================================================== */

:root {
  /* Primary — Deep Teal */
  --casr-primary:          #0A6E6E;
  --casr-primary-light:    #E6F5F5;
  --casr-primary-dark:     #064D4D;
  --casr-primary-rgb:      10, 110, 110;

  /* Secondary — Warm Coral */
  --casr-secondary:        #E8735A;
  --casr-secondary-light:  #FDF0ED;
  --casr-secondary-dark:   #C95A42;
  --casr-secondary-rgb:    232, 115, 90;

  /* Accent — Amber Gold */
  --casr-accent:           #D4A843;
  --casr-accent-light:     #FBF5E6;
  --casr-accent-rgb:       212, 168, 67;

  /* Tertiary — Soft Sage Green */
  --casr-sage:             #7BA68D;
  --casr-sage-light:       #EDF5F0;
  --casr-sage-rgb:         123, 166, 141;

  /* Neutrals */
  --casr-navy:             #1A2332;
  --casr-navy-rgb:         26, 35, 50;
  --casr-slate:            #6B7280;
  --casr-silver:           #D1D5DB;
  --casr-cloud:            #F7F8FA;
  --casr-white:            #FFFFFF;

  /* Spacing */
  --casr-space-xs:         4px;
  --casr-space-sm:         8px;
  --casr-space-md:         16px;
  --casr-space-lg:         24px;
  --casr-space-xl:         32px;
  --casr-space-2xl:        48px;
  --casr-space-3xl:        64px;
  --casr-space-4xl:        80px;

  /* Radii */
  --casr-radius-sm:        6px;
  --casr-radius-md:        8px;
  --casr-radius-lg:        12px;
  --casr-radius-xl:        16px;
  --casr-radius-full:      9999px;

  /* Shadows */
  --casr-shadow-sm:        0 1px 3px rgba(26, 35, 50, 0.08);
  --casr-shadow-md:        0 4px 12px rgba(26, 35, 50, 0.1);
  --casr-shadow-lg:        0 8px 24px rgba(26, 35, 50, 0.12);
  --casr-shadow-xl:        0 16px 48px rgba(26, 35, 50, 0.16);

  /* Transitions */
  --casr-transition-fast:  150ms ease;
  --casr-transition:       200ms ease;
  --casr-transition-slow:  300ms ease;

  /* Layout */
  --casr-max-width:        1200px;
  --casr-content-width:    800px;
}
