/*
Theme Name: Hunyadi Dental
Theme URI: https://www.drbomherzsuzsa.hu/
Author: Peter Kutasi
Description: Block theme for the Hunyadi Dental homepage.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
Text Domain: hunyadi-dental
*/

:root {
  --hd-radius-sm: 12px;
  --hd-radius-md: 18px;
  --hd-radius-lg: 24px;
  --hd-radius-xl: 30px;
  --hd-radius-section: 28px;
  --hd-radius-pill: 999px;

  --hd-surface-white: var(--wp--preset--color--white);
  --hd-surface-glass: rgba(255, 255, 255, 0.74);
  --hd-surface-chrome: rgba(255, 255, 255, 0.9);
  --hd-surface-white-soft: rgba(255, 255, 255, 0.82);
  --hd-surface-white-strong: rgba(255, 255, 255, 0.96);
  --hd-surface-mist: var(--wp--preset--color--mist);
  --hd-surface-dark-overlay: rgba(7, 62, 68, 0.74);
  --hd-surface-accent-panel: linear-gradient(145deg, rgba(46, 124, 134, 0.96) 0%, rgba(36, 94, 102, 0.98) 100%);

  --hd-border-color-dark-soft: rgba(31, 42, 46, 0.08);
  --hd-border-color-dark-subtle: rgba(31, 42, 46, 0.06);
  --hd-border-color-accent-soft: rgba(46, 124, 134, 0.08);
  --hd-border-color-accent: rgba(46, 124, 134, 0.24);
  --hd-border-color-accent-hover: rgba(46, 124, 134, 0.42);
  --hd-border-soft-dark: 1px solid var(--hd-border-color-dark-soft);
  --hd-border-subtle-dark: 1px solid var(--hd-border-color-dark-subtle);
  --hd-border-soft-accent: 1px solid var(--hd-border-color-accent-soft);

  --hd-color-hover-accent: #3f949d;
  --hd-color-accent-deep: #205860;
  --hd-focus-ring: 0 0 0 3px rgba(46, 124, 134, 0.18);
  --hd-focus-outline: 2px solid rgba(46, 124, 134, 0.22);
  --hd-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.72);

  --hd-shadow-card: 0 18px 42px rgba(31, 42, 46, 0.06);
  --hd-shadow-panel: 0 24px 52px rgba(31, 42, 46, 0.12);
  --hd-shadow-floating: 0 24px 64px rgba(31, 42, 46, 0.1);
  --hd-shadow-cta: 0 18px 36px rgba(46, 124, 134, 0.22);
  --hd-shadow-cta-hover: 0 22px 42px rgba(46, 124, 134, 0.3);

  --hd-transition-fast: 180ms ease;
  --hd-transition-base: 220ms ease;
  --hd-transition-reveal: 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--wp--preset--color--ink);
  font-family: var(--wp--preset--font-family--sans);
  background:
    radial-gradient(circle at top left, rgba(46, 124, 134, 0.12), transparent 28%),
    linear-gradient(180deg, var(--wp--preset--color--paper) 0%, #edf3f2 100%);
}

.wp-site-blocks {
  padding: 22px 0 56px;
}

.hd-page-shell {
  width: calc(100% - 34px);
  margin: 0 auto;
}

.hd-chrome {
  overflow: visible;
  width: 100%;
  border: var(--hd-border-soft-dark);
  border-radius: var(--hd-radius-xl);
  background: var(--hd-surface-chrome);
  box-shadow: var(--hd-shadow-floating);
}