/*
Theme Name: Reset Dental Media
Theme URI: https://resetdentalmedia.com
Author: Reset Dental Media
Author URI: https://resetdentalmedia.com
Description: Premium WordPress theme for Reset Dental Media — a dental patient acquisition agency. Built around the ChairFill System™ with high-conversion design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Private
License URI: #
Text Domain: reset-dental
Tags: dental, agency, marketing, landing-page, elementor
*/

/* ============================================================
   DESIGN TOKENS — Single source of truth
   ============================================================ */
:root {
  /* Brand Colors */
  --clr-primary:        #0D8A8F;
  --clr-primary-dark:   #0a6e72;
  --clr-primary-light:  #1ab0b7;
  --clr-secondary:      #8BC9A2;
  --clr-secondary-dark: #6ab389;
  --clr-accent:         #DCEB9C;
  --clr-accent-dark:    #c8d97e;





  /* Text */
  --clr-heading:        #17363A;
  --clr-body:           #5A6D6F;
  --clr-muted:          #8a9ea0;
  --clr-white:          #ffffff;

  /* Backgrounds */
  --clr-bg:             #F4FBF8;
  --clr-bg-alt:         #eaf5f0;
  --clr-dark:           #0f2527;
  --clr-dark-2:         #17363A;
  --clr-dark-3:         #1e4548;

  /* Neutrals */
  --clr-gray-50:        #f7f9fa;
  --clr-gray-100:       #e6edee;
  --clr-gray-200:       #cbd5d6;
  --clr-gray-300:       #9aacae;
  --clr-gray-400:       #6a7e80;

  /* Gradients */
  --gradient-brand:     linear-gradient(135deg, #0D8A8F 0%, #8BC9A2 60%, #DCEB9C 100%);
  --gradient-brand-h:   linear-gradient(90deg, #0D8A8F 0%, #8BC9A2 50%, #DCEB9C 100%);
  --gradient-dark:      linear-gradient(135deg, #0f2527 0%, #17363A 50%, #1e4548 100%);
  --gradient-hero:      linear-gradient(135deg, #0a1e20 0%, #0f2d30 40%, #173d41 100%);
  --gradient-card:      linear-gradient(135deg, rgba(13,138,143,0.08) 0%, rgba(139,201,162,0.05) 100%);
  --gradient-cta:       linear-gradient(135deg, #0D8A8F 0%, #0a6e72 100%);
  --gradient-glass:     linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.06) 100%);


  --heading: #17363A;

  /* Typography Scale */
  --font-display:       'Syne', sans-serif;
  --font-body:          'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono:          'JetBrains Mono', monospace;
  --font-head: "Sora", system-ui, sans-serif;

  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-lg:    1.125rem;   /* 18px */
  --text-xl:    1.25rem;    /* 20px */
  --text-2xl:   1.5rem;     /* 24px */
  --text-3xl:   1.875rem;   /* 30px */
  --text-4xl:   2.25rem;    /* 36px */
  --text-5xl:   3rem;       /* 48px */
  --text-6xl:   3.75rem;    /* 60px */
  --text-7xl:   4.5rem;     /* 72px */
  --text-8xl:   6rem;       /* 96px */

  --leading-tight:  1.15;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-relaxed:1.75;

  --tracking-tight:  -0.04em;
  --tracking-snug:   -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.05em;
  --tracking-wider:   0.1em;
  --tracking-widest:  0.2em;

  /* Spacing System (8px base) */
  --sp-1:   0.25rem;   /* 4px */
  --sp-2:   0.5rem;    /* 8px */
  --sp-3:   0.75rem;   /* 12px */
  --sp-4:   1rem;      /* 16px */
  --sp-5:   1.25rem;   /* 20px */
  --sp-6:   1.5rem;    /* 24px */
  --sp-8:   2rem;      /* 32px */
  --sp-10:  2.5rem;    /* 40px */
  --sp-12:  3rem;      /* 48px */
  --sp-16:  4rem;      /* 64px */
  --sp-20:  5rem;      /* 80px */
  --sp-24:  6rem;      /* 96px */
  --sp-32:  8rem;      /* 128px */
  --sp-40:  10rem;     /* 160px */

  /* Section spacing */
  --section-py:   var(--sp-24);
  --section-sm:   var(--sp-16);
  --section-lg:   var(--sp-32);

  /* Border Radius */
  --radius-sm:    0.375rem;  /* 6px */
  --radius-md:    0.75rem;   /* 12px */
  --radius-lg:    1.45rem;   /* 20px */
  --radius-xl:    2rem;      /* 32px */
  --radius-2xl:   3rem;      /* 48px */
  --radius-full:  9999px;

  /* Shadows */
  --shadow:0 12px 32px rgba(23, 54, 58, 0.10);
  --shadow-xs:  0 1px 2px rgba(23,54,58,0.06);
  --shadow-sm:  0 2px 8px rgba(23,54,58,0.08), 0 1px 3px rgba(23,54,58,0.06);
  --shadow-md:  0 8px 24px rgba(23,54,58,0.10), 0 2px 8px rgba(23,54,58,0.06);
  --shadow-lg:  0 20px 48px rgba(23,54,58,0.12), 0 8px 16px rgba(23,54,58,0.08);
  --shadow-xl:  0 32px 64px rgba(23,54,58,0.16), 0 12px 24px rgba(23,54,58,0.10);
  --shadow-2xl: 0 48px 96px rgba(23,54,58,0.20);
  --shadow-glow:0 0 40px rgba(13,138,143,0.25), 0 0 80px rgba(13,138,143,0.10);
  --shadow-card:0 4px 20px rgba(23,54,58,0.08), 0 1px 4px rgba(23,54,58,0.06);
  --shadow-btn: 0 4px 16px rgba(13,138,143,0.35);
  --shadow-btn-hover: 0 8px 28px rgba(13,138,143,0.45);

  /* Transitions */
  --ease-smooth:  cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in:      cubic-bezier(0.4, 0, 1, 1);
  --ease-out:     cubic-bezier(0, 0, 0.2, 1);
  --ease-inout:   cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:     150ms;
  --dur-normal:   250ms;
  --dur-slow:     400ms;
  --dur-slower:   600ms;

  /* Z-index scale */
  --z-base:    0;
  --z-raised:  10;
  --z-overlay: 100;
  --z-modal:   200;
  --z-toast:   300;
  --z-header:  1000;

  /* Container widths */
  --container-sm:   640px;
  --container-md:   768px;
  --container-lg:   1024px;
  --container-xl:   1280px;
  --container-2xl:  1440px;
  --container-pad:  clamp(1.25rem, 5vw, 2.5rem);
}