/*
Theme Name: Dale House Dental by Pencilino
Theme URI: https://dalehousedentalpractice.co.uk/
Author: Pencilino AI Theme Builder
Author URI: https://github.com/rinothecoder/pencilino
Description: Bespoke high-converting Dental Implant Landing Page WordPress theme built specifically for Dale House Dental Practice in Tamworth, featuring full integration with the Pencilino frontend editing layer.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dale-house-dental
Tags: medical, landing-page, custom-colors, custom-logo, featured-images, responsive-layout, block-patterns

Dale House Dental Theme is designed to work seamlessly with the Pencilino frontend editing plugin.
*/

/* Core Theme CSS Variables & Design Tokens */
:root {
  --dh-color-surface: #f7f9fb;
  --dh-color-surface-dim: #d8dadc;
  --dh-color-surface-bright: #f7f9fb;
  --dh-color-surface-lowest: #ffffff;
  --dh-color-surface-low: #f2f4f6;
  --dh-color-surface-container: #eceef0;
  --dh-color-surface-high: #e6e8ea;
  --dh-color-surface-highest: #e0e3e5;

  --dh-color-on-surface: #191c1e;
  --dh-color-on-surface-variant: #43474d;
  --dh-color-outline: #74777e;
  --dh-color-outline-variant: #c4c6ce;

  --dh-color-primary: #00162d;
  --dh-color-on-primary: #ffffff;
  --dh-color-primary-container: #0f2b48;
  --dh-color-on-primary-container: #7a93b5;

  --dh-color-secondary: #865218;
  --dh-color-on-secondary: #ffffff;
  --dh-color-secondary-container: #fdb875;
  --dh-color-on-secondary-container: #78470c;
  --dh-color-secondary-fixed: #ffdcbf;

  --dh-color-error: #ba1a1a;
  --dh-color-on-error: #ffffff;

  --dh-font-headline: 'Newsreader', Georgia, serif;
  --dh-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --dh-font-icon: 'Material Symbols Outlined', sans-serif;

  --dh-radius-sm: 0.25rem;
  --dh-radius-md: 0.5rem;
  --dh-radius-lg: 0.75rem;
  --dh-radius-xl: 1rem;
  --dh-radius-2xl: 1.5rem;
  --dh-radius-full: 9999px;

  --dh-shadow-sm: 0 1px 3px rgba(0, 22, 45, 0.05);
  --dh-shadow-md: 0 4px 12px rgba(0, 22, 45, 0.08);
  --dh-shadow-lg: 0 10px 25px rgba(0, 22, 45, 0.12);
  --dh-shadow-xl: 0 20px 35px rgba(0, 22, 45, 0.16);
  --dh-shadow-2xl: 0 25px 50px rgba(0, 22, 45, 0.22);
}