/*
 Theme Name:   Six Red Marbles Divi
 Theme URI:    https://sixredmarbles.com
 Description:  Custom Divi child theme for Six Red Marbles
 Author:       Six Red Marbles
 Author URI:   https://sixredmarbles.com
 Template:     Divi
 Version:      1.0.38
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  sixredmarbles-divi
*/

/* ==========================================================================
   SRM Brand Colors (CSS Custom Properties)
   ========================================================================== */

:root {
  /* Primary Brand Colors */
  --srm-red: #d80000;
  --srm-dark-red: #b70000;
  --srm-blue: #009ad0;
  --srm-dark-blue: #0063a6;
  
  /* Accent Colors */
  --srm-teal: #defaf7;
  --srm-purple: #85439a;
  --srm-blue-accent: #009ad0;
  --srm-blue-600: #0063a6;
  
  /* Neutral Colors */
  --srm-gray: #001b2d;
  --srm-gray-900: #001b2d;
  --srm-gray-800: #001b2d;
  --srm-gray-700: #001b2d;
  --srm-gray-600: #60656b;
  --srm-gray-500: #60656b;
  --srm-gray-200: #e4e5e6;
  --srm-gray-100: #e4e5e6;
  --srm-gray-50: #e4e5e6;
  
  /* Sky Blue Accent (Hero) */
  --srm-sky-200: rgba(186, 230, 253, 0.5);
  
  /* Typography */
  --srm-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Shadows */
  --srm-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --srm-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
  --srm-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --srm-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --srm-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
  
  /* Border Radius */
  --srm-rounded-sm: 4px;
  --srm-rounded: 8px;
  --srm-rounded-lg: 12px;
  --srm-rounded-xl: 16px;
  --srm-rounded-2xl: 24px;
  --srm-rounded-3xl: 32px;
  --srm-rounded-full: 999px;
}