/*!
 * WP Blaze Design Tokens
 * Generated on: 2025-07-25 12:41:43
 * Version: 1.0.0
 * 
 * WARNING: This file is automatically generated.
 * Do not edit manually - use WordPress admin to modify design tokens.
 * Changes made directly to this file will be lost on next generation.
 */

:root {
  /* ==========================================================================
     Color Tokens
     ========================================================================== */
  --color-primary: #ff7544;
  --color-secondary: #ff8c63;
  --color-accent: #252a36;
  --color-text: #777e90;
  --color-text-muted: #797979;
  --color-links-initial: #797979;
  --color-links-hover: #252a36;
  --color-headings-general: #252a36;
  --color-headings-h1: #252a36;
  --color-headings-h2: #252a36;
  --color-headings-h3: #252a36;
  --color-headings-h4: #252a36;
  --color-headings-h5: #252a36;
  --color-headings-h6: #252a36;
  --color-background: #ffffff;
  --color-background-alt: #f9f3ee;
  --color-background-dark: #2d2f3a;
  --color-overlay: rgba(35, 33, 81, 0.30);
  --color-success: #00a32a;
  --color-warning: #dba617;
  --color-error: #d63638;
  --color-border: #000000;

  /* ==========================================================================
     Typography Tokens
     ========================================================================== */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-family-heading: DM Sans;
  --font-family-body: DM Sans;

  /* ==========================================================================
     Spacing Tokens
     ========================================================================== */
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-15: 60px;
  --spacing-16: 64px;
  --spacing-18: 72px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --spacing-30: 120px;

  /* ==========================================================================
     Border Radius Tokens
     ========================================================================== */
  --border-radius-sm: 4px;
  --border-radius-md: 15px;
  --border-radius-lg: 30px;

}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

/* Color Utilities */
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.border-primary { border-color: var(--color-primary); }
.text-secondary { color: var(--color-secondary); }
.bg-secondary { background-color: var(--color-secondary); }
.border-secondary { border-color: var(--color-secondary); }
.text-accent { color: var(--color-accent); }
.bg-accent { background-color: var(--color-accent); }
.border-accent { border-color: var(--color-accent); }
.text-text { color: var(--color-text); }
.bg-text { background-color: var(--color-text); }
.border-text { border-color: var(--color-text); }
.text-text-muted { color: var(--color-text-muted); }
.bg-text-muted { background-color: var(--color-text-muted); }
.border-text-muted { border-color: var(--color-text-muted); }
.text-links-initial { color: var(--color-links-initial); }
.bg-links-initial { background-color: var(--color-links-initial); }
.border-links-initial { border-color: var(--color-links-initial); }
.text-links-hover { color: var(--color-links-hover); }
.bg-links-hover { background-color: var(--color-links-hover); }
.border-links-hover { border-color: var(--color-links-hover); }
.text-headings-general { color: var(--color-headings-general); }
.bg-headings-general { background-color: var(--color-headings-general); }
.border-headings-general { border-color: var(--color-headings-general); }
.text-headings-h1 { color: var(--color-headings-h1); }
.bg-headings-h1 { background-color: var(--color-headings-h1); }
.border-headings-h1 { border-color: var(--color-headings-h1); }
.text-headings-h2 { color: var(--color-headings-h2); }
.bg-headings-h2 { background-color: var(--color-headings-h2); }
.border-headings-h2 { border-color: var(--color-headings-h2); }
.text-headings-h3 { color: var(--color-headings-h3); }
.bg-headings-h3 { background-color: var(--color-headings-h3); }
.border-headings-h3 { border-color: var(--color-headings-h3); }
.text-headings-h4 { color: var(--color-headings-h4); }
.bg-headings-h4 { background-color: var(--color-headings-h4); }
.border-headings-h4 { border-color: var(--color-headings-h4); }
.text-headings-h5 { color: var(--color-headings-h5); }
.bg-headings-h5 { background-color: var(--color-headings-h5); }
.border-headings-h5 { border-color: var(--color-headings-h5); }
.text-headings-h6 { color: var(--color-headings-h6); }
.bg-headings-h6 { background-color: var(--color-headings-h6); }
.border-headings-h6 { border-color: var(--color-headings-h6); }
.text-background { color: var(--color-background); }
.bg-background { background-color: var(--color-background); }
.border-background { border-color: var(--color-background); }
.text-background-alt { color: var(--color-background-alt); }
.bg-background-alt { background-color: var(--color-background-alt); }
.border-background-alt { border-color: var(--color-background-alt); }
.text-background-dark { color: var(--color-background-dark); }
.bg-background-dark { background-color: var(--color-background-dark); }
.border-background-dark { border-color: var(--color-background-dark); }
.text-overlay { color: var(--color-overlay); }
.bg-overlay { background-color: var(--color-overlay); }
.border-overlay { border-color: var(--color-overlay); }
.text-success { color: var(--color-success); }
.bg-success { background-color: var(--color-success); }
.border-success { border-color: var(--color-success); }
.text-warning { color: var(--color-warning); }
.bg-warning { background-color: var(--color-warning); }
.border-warning { border-color: var(--color-warning); }
.text-error { color: var(--color-error); }
.bg-error { background-color: var(--color-error); }
.border-error { border-color: var(--color-error); }
.text-border { color: var(--color-border); }
.bg-border { background-color: var(--color-border); }
.border-border { border-color: var(--color-border); }

/* Typography Utilities */
.font-heading { font-family: var(--font-family-heading); }
.font-body { font-family: var(--font-family-body); }
.text-xs { font-size: var(--font-size-xs); }
.text-sm { font-size: var(--font-size-sm); }
.text-base { font-size: var(--font-size-base); }
.text-lg { font-size: var(--font-size-lg); }
.text-xl { font-size: var(--font-size-xl); }
.text-2xl { font-size: var(--font-size-2xl); }
.text-3xl { font-size: var(--font-size-3xl); }
.text-4xl { font-size: var(--font-size-4xl); }
.font-light { font-weight: var(--font-weight-light); }
.font-normal { font-weight: var(--font-weight-normal); }
.font-medium { font-weight: var(--font-weight-medium); }
.font-semibold { font-weight: var(--font-weight-semibold); }
.font-bold { font-weight: var(--font-weight-bold); }

/* Spacing Utilities */
.p-1 { padding: var(--spacing-1); }
.px-1 { padding-left: var(--spacing-1); padding-right: var(--spacing-1); }
.py-1 { padding-top: var(--spacing-1); padding-bottom: var(--spacing-1); }
.pt-1 { padding-top: var(--spacing-1); }
.pr-1 { padding-right: var(--spacing-1); }
.pb-1 { padding-bottom: var(--spacing-1); }
.pl-1 { padding-left: var(--spacing-1); }
.m-1 { margin: var(--spacing-1); }
.mx-1 { margin-left: var(--spacing-1); margin-right: var(--spacing-1); }
.my-1 { margin-top: var(--spacing-1); margin-bottom: var(--spacing-1); }
.mt-1 { margin-top: var(--spacing-1); }
.mr-1 { margin-right: var(--spacing-1); }
.mb-1 { margin-bottom: var(--spacing-1); }
.ml-1 { margin-left: var(--spacing-1); }
.gap-1 { gap: var(--spacing-1); }
.p-2 { padding: var(--spacing-2); }
.px-2 { padding-left: var(--spacing-2); padding-right: var(--spacing-2); }
.py-2 { padding-top: var(--spacing-2); padding-bottom: var(--spacing-2); }
.pt-2 { padding-top: var(--spacing-2); }
.pr-2 { padding-right: var(--spacing-2); }
.pb-2 { padding-bottom: var(--spacing-2); }
.pl-2 { padding-left: var(--spacing-2); }
.m-2 { margin: var(--spacing-2); }
.mx-2 { margin-left: var(--spacing-2); margin-right: var(--spacing-2); }
.my-2 { margin-top: var(--spacing-2); margin-bottom: var(--spacing-2); }
.mt-2 { margin-top: var(--spacing-2); }
.mr-2 { margin-right: var(--spacing-2); }
.mb-2 { margin-bottom: var(--spacing-2); }
.ml-2 { margin-left: var(--spacing-2); }
.gap-2 { gap: var(--spacing-2); }
.p-3 { padding: var(--spacing-3); }
.px-3 { padding-left: var(--spacing-3); padding-right: var(--spacing-3); }
.py-3 { padding-top: var(--spacing-3); padding-bottom: var(--spacing-3); }
.pt-3 { padding-top: var(--spacing-3); }
.pr-3 { padding-right: var(--spacing-3); }
.pb-3 { padding-bottom: var(--spacing-3); }
.pl-3 { padding-left: var(--spacing-3); }
.m-3 { margin: var(--spacing-3); }
.mx-3 { margin-left: var(--spacing-3); margin-right: var(--spacing-3); }
.my-3 { margin-top: var(--spacing-3); margin-bottom: var(--spacing-3); }
.mt-3 { margin-top: var(--spacing-3); }
.mr-3 { margin-right: var(--spacing-3); }
.mb-3 { margin-bottom: var(--spacing-3); }
.ml-3 { margin-left: var(--spacing-3); }
.gap-3 { gap: var(--spacing-3); }
.p-4 { padding: var(--spacing-4); }
.px-4 { padding-left: var(--spacing-4); padding-right: var(--spacing-4); }
.py-4 { padding-top: var(--spacing-4); padding-bottom: var(--spacing-4); }
.pt-4 { padding-top: var(--spacing-4); }
.pr-4 { padding-right: var(--spacing-4); }
.pb-4 { padding-bottom: var(--spacing-4); }
.pl-4 { padding-left: var(--spacing-4); }
.m-4 { margin: var(--spacing-4); }
.mx-4 { margin-left: var(--spacing-4); margin-right: var(--spacing-4); }
.my-4 { margin-top: var(--spacing-4); margin-bottom: var(--spacing-4); }
.mt-4 { margin-top: var(--spacing-4); }
.mr-4 { margin-right: var(--spacing-4); }
.mb-4 { margin-bottom: var(--spacing-4); }
.ml-4 { margin-left: var(--spacing-4); }
.gap-4 { gap: var(--spacing-4); }
.p-5 { padding: var(--spacing-5); }
.px-5 { padding-left: var(--spacing-5); padding-right: var(--spacing-5); }
.py-5 { padding-top: var(--spacing-5); padding-bottom: var(--spacing-5); }
.pt-5 { padding-top: var(--spacing-5); }
.pr-5 { padding-right: var(--spacing-5); }
.pb-5 { padding-bottom: var(--spacing-5); }
.pl-5 { padding-left: var(--spacing-5); }
.m-5 { margin: var(--spacing-5); }
.mx-5 { margin-left: var(--spacing-5); margin-right: var(--spacing-5); }
.my-5 { margin-top: var(--spacing-5); margin-bottom: var(--spacing-5); }
.mt-5 { margin-top: var(--spacing-5); }
.mr-5 { margin-right: var(--spacing-5); }
.mb-5 { margin-bottom: var(--spacing-5); }
.ml-5 { margin-left: var(--spacing-5); }
.gap-5 { gap: var(--spacing-5); }
.p-6 { padding: var(--spacing-6); }
.px-6 { padding-left: var(--spacing-6); padding-right: var(--spacing-6); }
.py-6 { padding-top: var(--spacing-6); padding-bottom: var(--spacing-6); }
.pt-6 { padding-top: var(--spacing-6); }
.pr-6 { padding-right: var(--spacing-6); }
.pb-6 { padding-bottom: var(--spacing-6); }
.pl-6 { padding-left: var(--spacing-6); }
.m-6 { margin: var(--spacing-6); }
.mx-6 { margin-left: var(--spacing-6); margin-right: var(--spacing-6); }
.my-6 { margin-top: var(--spacing-6); margin-bottom: var(--spacing-6); }
.mt-6 { margin-top: var(--spacing-6); }
.mr-6 { margin-right: var(--spacing-6); }
.mb-6 { margin-bottom: var(--spacing-6); }
.ml-6 { margin-left: var(--spacing-6); }
.gap-6 { gap: var(--spacing-6); }
.p-8 { padding: var(--spacing-8); }
.px-8 { padding-left: var(--spacing-8); padding-right: var(--spacing-8); }
.py-8 { padding-top: var(--spacing-8); padding-bottom: var(--spacing-8); }
.pt-8 { padding-top: var(--spacing-8); }
.pr-8 { padding-right: var(--spacing-8); }
.pb-8 { padding-bottom: var(--spacing-8); }
.pl-8 { padding-left: var(--spacing-8); }
.m-8 { margin: var(--spacing-8); }
.mx-8 { margin-left: var(--spacing-8); margin-right: var(--spacing-8); }
.my-8 { margin-top: var(--spacing-8); margin-bottom: var(--spacing-8); }
.mt-8 { margin-top: var(--spacing-8); }
.mr-8 { margin-right: var(--spacing-8); }
.mb-8 { margin-bottom: var(--spacing-8); }
.ml-8 { margin-left: var(--spacing-8); }
.gap-8 { gap: var(--spacing-8); }
.p-10 { padding: var(--spacing-10); }
.px-10 { padding-left: var(--spacing-10); padding-right: var(--spacing-10); }
.py-10 { padding-top: var(--spacing-10); padding-bottom: var(--spacing-10); }
.pt-10 { padding-top: var(--spacing-10); }
.pr-10 { padding-right: var(--spacing-10); }
.pb-10 { padding-bottom: var(--spacing-10); }
.pl-10 { padding-left: var(--spacing-10); }
.m-10 { margin: var(--spacing-10); }
.mx-10 { margin-left: var(--spacing-10); margin-right: var(--spacing-10); }
.my-10 { margin-top: var(--spacing-10); margin-bottom: var(--spacing-10); }
.mt-10 { margin-top: var(--spacing-10); }
.mr-10 { margin-right: var(--spacing-10); }
.mb-10 { margin-bottom: var(--spacing-10); }
.ml-10 { margin-left: var(--spacing-10); }
.gap-10 { gap: var(--spacing-10); }
.p-12 { padding: var(--spacing-12); }
.px-12 { padding-left: var(--spacing-12); padding-right: var(--spacing-12); }
.py-12 { padding-top: var(--spacing-12); padding-bottom: var(--spacing-12); }
.pt-12 { padding-top: var(--spacing-12); }
.pr-12 { padding-right: var(--spacing-12); }
.pb-12 { padding-bottom: var(--spacing-12); }
.pl-12 { padding-left: var(--spacing-12); }
.m-12 { margin: var(--spacing-12); }
.mx-12 { margin-left: var(--spacing-12); margin-right: var(--spacing-12); }
.my-12 { margin-top: var(--spacing-12); margin-bottom: var(--spacing-12); }
.mt-12 { margin-top: var(--spacing-12); }
.mr-12 { margin-right: var(--spacing-12); }
.mb-12 { margin-bottom: var(--spacing-12); }
.ml-12 { margin-left: var(--spacing-12); }
.gap-12 { gap: var(--spacing-12); }
.p-15 { padding: var(--spacing-15); }
.px-15 { padding-left: var(--spacing-15); padding-right: var(--spacing-15); }
.py-15 { padding-top: var(--spacing-15); padding-bottom: var(--spacing-15); }
.pt-15 { padding-top: var(--spacing-15); }
.pr-15 { padding-right: var(--spacing-15); }
.pb-15 { padding-bottom: var(--spacing-15); }
.pl-15 { padding-left: var(--spacing-15); }
.m-15 { margin: var(--spacing-15); }
.mx-15 { margin-left: var(--spacing-15); margin-right: var(--spacing-15); }
.my-15 { margin-top: var(--spacing-15); margin-bottom: var(--spacing-15); }
.mt-15 { margin-top: var(--spacing-15); }
.mr-15 { margin-right: var(--spacing-15); }
.mb-15 { margin-bottom: var(--spacing-15); }
.ml-15 { margin-left: var(--spacing-15); }
.gap-15 { gap: var(--spacing-15); }
.p-16 { padding: var(--spacing-16); }
.px-16 { padding-left: var(--spacing-16); padding-right: var(--spacing-16); }
.py-16 { padding-top: var(--spacing-16); padding-bottom: var(--spacing-16); }
.pt-16 { padding-top: var(--spacing-16); }
.pr-16 { padding-right: var(--spacing-16); }
.pb-16 { padding-bottom: var(--spacing-16); }
.pl-16 { padding-left: var(--spacing-16); }
.m-16 { margin: var(--spacing-16); }
.mx-16 { margin-left: var(--spacing-16); margin-right: var(--spacing-16); }
.my-16 { margin-top: var(--spacing-16); margin-bottom: var(--spacing-16); }
.mt-16 { margin-top: var(--spacing-16); }
.mr-16 { margin-right: var(--spacing-16); }
.mb-16 { margin-bottom: var(--spacing-16); }
.ml-16 { margin-left: var(--spacing-16); }
.gap-16 { gap: var(--spacing-16); }
.p-18 { padding: var(--spacing-18); }
.px-18 { padding-left: var(--spacing-18); padding-right: var(--spacing-18); }
.py-18 { padding-top: var(--spacing-18); padding-bottom: var(--spacing-18); }
.pt-18 { padding-top: var(--spacing-18); }
.pr-18 { padding-right: var(--spacing-18); }
.pb-18 { padding-bottom: var(--spacing-18); }
.pl-18 { padding-left: var(--spacing-18); }
.m-18 { margin: var(--spacing-18); }
.mx-18 { margin-left: var(--spacing-18); margin-right: var(--spacing-18); }
.my-18 { margin-top: var(--spacing-18); margin-bottom: var(--spacing-18); }
.mt-18 { margin-top: var(--spacing-18); }
.mr-18 { margin-right: var(--spacing-18); }
.mb-18 { margin-bottom: var(--spacing-18); }
.ml-18 { margin-left: var(--spacing-18); }
.gap-18 { gap: var(--spacing-18); }
.p-20 { padding: var(--spacing-20); }
.px-20 { padding-left: var(--spacing-20); padding-right: var(--spacing-20); }
.py-20 { padding-top: var(--spacing-20); padding-bottom: var(--spacing-20); }
.pt-20 { padding-top: var(--spacing-20); }
.pr-20 { padding-right: var(--spacing-20); }
.pb-20 { padding-bottom: var(--spacing-20); }
.pl-20 { padding-left: var(--spacing-20); }
.m-20 { margin: var(--spacing-20); }
.mx-20 { margin-left: var(--spacing-20); margin-right: var(--spacing-20); }
.my-20 { margin-top: var(--spacing-20); margin-bottom: var(--spacing-20); }
.mt-20 { margin-top: var(--spacing-20); }
.mr-20 { margin-right: var(--spacing-20); }
.mb-20 { margin-bottom: var(--spacing-20); }
.ml-20 { margin-left: var(--spacing-20); }
.gap-20 { gap: var(--spacing-20); }
.p-24 { padding: var(--spacing-24); }
.px-24 { padding-left: var(--spacing-24); padding-right: var(--spacing-24); }
.py-24 { padding-top: var(--spacing-24); padding-bottom: var(--spacing-24); }
.pt-24 { padding-top: var(--spacing-24); }
.pr-24 { padding-right: var(--spacing-24); }
.pb-24 { padding-bottom: var(--spacing-24); }
.pl-24 { padding-left: var(--spacing-24); }
.m-24 { margin: var(--spacing-24); }
.mx-24 { margin-left: var(--spacing-24); margin-right: var(--spacing-24); }
.my-24 { margin-top: var(--spacing-24); margin-bottom: var(--spacing-24); }
.mt-24 { margin-top: var(--spacing-24); }
.mr-24 { margin-right: var(--spacing-24); }
.mb-24 { margin-bottom: var(--spacing-24); }
.ml-24 { margin-left: var(--spacing-24); }
.gap-24 { gap: var(--spacing-24); }
.p-30 { padding: var(--spacing-30); }
.px-30 { padding-left: var(--spacing-30); padding-right: var(--spacing-30); }
.py-30 { padding-top: var(--spacing-30); padding-bottom: var(--spacing-30); }
.pt-30 { padding-top: var(--spacing-30); }
.pr-30 { padding-right: var(--spacing-30); }
.pb-30 { padding-bottom: var(--spacing-30); }
.pl-30 { padding-left: var(--spacing-30); }
.m-30 { margin: var(--spacing-30); }
.mx-30 { margin-left: var(--spacing-30); margin-right: var(--spacing-30); }
.my-30 { margin-top: var(--spacing-30); margin-bottom: var(--spacing-30); }
.mt-30 { margin-top: var(--spacing-30); }
.mr-30 { margin-right: var(--spacing-30); }
.mb-30 { margin-bottom: var(--spacing-30); }
.ml-30 { margin-left: var(--spacing-30); }
.gap-30 { gap: var(--spacing-30); }

/* Border Radius Utilities */
.rounded-sm { border-radius: var(--border-radius-sm); }
.rounded-t-sm { border-top-left-radius: var(--border-radius-sm); border-top-right-radius: var(--border-radius-sm); }
.rounded-r-sm { border-top-right-radius: var(--border-radius-sm); border-bottom-right-radius: var(--border-radius-sm); }
.rounded-b-sm { border-bottom-left-radius: var(--border-radius-sm); border-bottom-right-radius: var(--border-radius-sm); }
.rounded-l-sm { border-top-left-radius: var(--border-radius-sm); border-bottom-left-radius: var(--border-radius-sm); }
.rounded-tl-sm { border-top-left-radius: var(--border-radius-sm); }
.rounded-tr-sm { border-top-right-radius: var(--border-radius-sm); }
.rounded-br-sm { border-bottom-right-radius: var(--border-radius-sm); }
.rounded-bl-sm { border-bottom-left-radius: var(--border-radius-sm); }
.rounded-md { border-radius: var(--border-radius-md); }
.rounded-t-md { border-top-left-radius: var(--border-radius-md); border-top-right-radius: var(--border-radius-md); }
.rounded-r-md { border-top-right-radius: var(--border-radius-md); border-bottom-right-radius: var(--border-radius-md); }
.rounded-b-md { border-bottom-left-radius: var(--border-radius-md); border-bottom-right-radius: var(--border-radius-md); }
.rounded-l-md { border-top-left-radius: var(--border-radius-md); border-bottom-left-radius: var(--border-radius-md); }
.rounded-tl-md { border-top-left-radius: var(--border-radius-md); }
.rounded-tr-md { border-top-right-radius: var(--border-radius-md); }
.rounded-br-md { border-bottom-right-radius: var(--border-radius-md); }
.rounded-bl-md { border-bottom-left-radius: var(--border-radius-md); }
.rounded-lg { border-radius: var(--border-radius-lg); }
.rounded-t-lg { border-top-left-radius: var(--border-radius-lg); border-top-right-radius: var(--border-radius-lg); }
.rounded-r-lg { border-top-right-radius: var(--border-radius-lg); border-bottom-right-radius: var(--border-radius-lg); }
.rounded-b-lg { border-bottom-left-radius: var(--border-radius-lg); border-bottom-right-radius: var(--border-radius-lg); }
.rounded-l-lg { border-top-left-radius: var(--border-radius-lg); border-bottom-left-radius: var(--border-radius-lg); }
.rounded-tl-lg { border-top-left-radius: var(--border-radius-lg); }
.rounded-tr-lg { border-top-right-radius: var(--border-radius-lg); }
.rounded-br-lg { border-bottom-right-radius: var(--border-radius-lg); }
.rounded-bl-lg { border-bottom-left-radius: var(--border-radius-lg); }

/* ==========================================================================
   Button Component Styles
   ========================================================================== */

/* primary Button */
.wp-blaze-btn-primary {
  background-color: #ff8c63;
  color: #ffffff;
  border: none;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}

.wp-blaze-btn-primary:hover {
  background-color: #ff7544;
  color: #ffffff;
  border: none;
}

/* secondary Button */
.wp-blaze-btn-secondary {
  background-color: transparent;
  color: #252a36;
  border: 1px solid #E6E8EC;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}

.wp-blaze-btn-secondary:hover {
  background-color: #252a36;
  color: #ffffff;
  border: 1px solid #E6E8EC;
}

/* ==========================================================================
   Global Base Styles
   ========================================================================== */

/* Base Element Styles */
body {
  font-family: var(--font-family-body);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  color: var(--color-text);
  background-color: var(--color-background);
}

/* Global Typography Styles */
h1, .h1 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-headings-h1);
}
h2, .h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-headings-h2);
}
h3, .h3 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-headings-h3);
}
h4, .h4 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-headings-h4);
}
h5, .h5 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-headings-h5);
}
h6, .h6 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  color: var(--color-headings-h6);
}

p, .wp-block-paragraph {
  font-size: var(--font-size-base);
}

a, .wp-block-navigation-item__content {
  color: var(--color-links-initial);
}
a:hover, .wp-block-navigation-item__content:hover {
  color: var(--color-links-hover);
}

/* Global Color Styles */
::selection {
  background-color: var(--color-primary);
}

/* Form Styles */
input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], textarea, select {
  font-size: var(--font-size-base);
  font-family: var(--font-family-body);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--color-border);
  width: 100%;
  box-sizing: border-box;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
  border-color: var(--color-primary);
  outline: none;
}

label {
  font-weight: var(--font-weight-medium);
  display: block;
}

/* Component Styles */
.wp-block-group, .card, .post, .page {
  background-color: var(--color-background);
  border-radius: var(--border-radius-lg);
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius-md);
}