/*
Theme Name:   Rezon8 Child
Theme URI:    https://rezon8.com
Description:  Twenty Twenty-Five child theme for Rezon8 Media & Marketing Services. Google Material Design 3 aesthetic with brand color system. Hosted on Go High Level WordPress hosting.
Author:       Ian Lowell / Rezon8 LLC
Author URI:   https://rezon8.com
Template:     twentytwentyfive
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  rezon8-child
Tags:         custom-colors, custom-logo, custom-menu, full-site-editing, block-patterns
*/

/* ============================================================
   REZON8 BRAND + MATERIAL DESIGN 3 CUSTOM PROPERTIES
   ============================================================ */

:root {
  /* --- Brand Primary --- */
  --r8-primary:           #28BAE0; /* Open Sky */
  --r8-primary-light:     #5472D3;
  --r8-primary-dark:      #0A6E8F; /* Deep Current */
  --r8-on-primary:        #FFFFFF;

  /* --- Brand Secondary / Accent --- */
  --r8-secondary:         #3DB87A; /* Living Green */
  --r8-secondary-light:   #62EFFF;
  --r8-secondary-dark:    #008BA3;
  --r8-on-secondary:      #000000;

  /* --- Brand Tertiary --- */
  --r8-tertiary:          #607080; /* Watershed */

  /* --- Surface / Background --- */
  --r8-surface:           #F2F7F8; /* Morning Mist */
  --r8-surface-variant:   #F0F4F8;
  --r8-background:        #FFFFFF;
  --r8-on-surface:        #1C2D30; /* Midnight Grove */
  --r8-on-surface-muted:  #5F6368;

  /* --- Error / Success --- */
  --r8-error:             #B00020;
  --r8-success:           #00695C;

  /* --- Material Elevation Shadows --- */
  --r8-elevation-1: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  --r8-elevation-2: 0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12);
  --r8-elevation-3: 0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10);
  --r8-elevation-4: 0 14px 28px rgba(0,0,0,0.18), 0 10px 10px rgba(0,0,0,0.12);

  /* --- Material Shape --- */
  --r8-radius-sm:   4px;
  --r8-radius-md:   8px;
  --r8-radius-lg:   16px;
  --r8-radius-xl:   28px;
  --r8-radius-full: 999px;

  /* --- Typography Scale (Material Type) --- */
  --r8-font-sans:    'DM Sans', system-ui, sans-serif;
  --r8-font-body:    'DM Sans', system-ui, sans-serif;
  --r8-font-display: 'Raleway', system-ui, sans-serif;
  --r8-font-accent:  'Playfair Display', Georgia, serif;
  --r8-font-mono:    'Roboto Mono', 'Courier New', monospace;

  --r8-type-display-lg:  3.5625rem;   /* 57px */
  --r8-type-display-md:  2.8125rem;   /* 45px */
  --r8-type-display-sm:  2.25rem;     /* 36px */
  --r8-type-headline-lg: 2rem;        /* 32px */
  --r8-type-headline-md: 1.75rem;     /* 28px */
  --r8-type-headline-sm: 1.5rem;      /* 24px */
  --r8-type-title-lg:    1.375rem;    /* 22px */
  --r8-type-title-md:    1rem;        /* 16px */
  --r8-type-title-sm:    0.875rem;    /* 14px */
  --r8-type-body-lg:     1rem;        /* 16px */
  --r8-type-body-md:     0.875rem;    /* 14px */
  --r8-type-label-lg:    0.875rem;    /* 14px */
  --r8-type-label-sm:    0.6875rem;   /* 11px */

  /* --- Transitions --- */
  --r8-transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --r8-transition-std:    300ms cubic-bezier(0.4, 0, 0.2, 1);
  --r8-transition-slow:   500ms cubic-bezier(0.4, 0, 0.2, 1);
}