:root {
  --sidebar-bg: #0F172A;
  --sidebar-text: #94A3B8;
  --sidebar-text-bright: #F1F5F9;
  --sidebar-width: 280px;

  --main-bg: #FFFFFF;
  --accent: #0D9488;
  --accent-hover: #115E59;
  --accent-glow: rgba(13, 148, 136, 0.35);
  --accent-light: rgba(13, 148, 136, 0.08);

  /* Professional dental palette */
  --dental-blue: #E0F2F1;
  --dental-gray: #F1F5F9;
  --dental-white: #FAFAFA;
  --shadow-soft: 0 4px 20px rgba(15, 23, 42, 0.08);
  --shadow-card: 0 2px 8px rgba(15, 23, 42, 0.06), 0 8px 32px rgba(15, 23, 42, 0.08);
  --shadow-card-hover: 0 8px 20px rgba(15, 23, 42, 0.08), 0 20px 48px rgba(15, 23, 42, 0.12);
  --shadow-button: 0 4px 14px rgba(13, 148, 136, 0.3);
  --shadow-button-hover: 0 8px 28px rgba(13, 148, 136, 0.45);
  --accent-subtle: rgba(13, 148, 136, 0.05);
  --border-accent: rgba(13, 148, 136, 0.2);

  --text-main: #1E293B;
  --text-muted: #64748B;
  --text-light: #94A3B8;
  --border-light: #E2E8F0;
  --bg-off: #F8FAFC;

  --white: #FFFFFF;
  --black: #000000;
  --overlay-dark: rgba(15, 23, 42, 0.6);
  --overlay-light: rgba(15, 23, 42, 0.35);

  --font-display: "Playfair Display", Georgia, serif;
  --font-heading: "Montserrat", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.75rem;
  --text-5xl: 3.5rem;
  --text-6xl: 4.5rem;
  --text-hero: clamp(2.75rem, 5vw + 1rem, 5.5rem);

  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  --space-2xs: 0.125rem;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 150ms var(--ease-out);
  --transition-base: 300ms var(--ease-out);
  --transition-slow: 500ms var(--ease-out);
  --transition-slower: 800ms var(--ease-smooth);

  --z-base: 1;
  --z-sidebar: 100;
  --z-mobile-header: 200;
  --z-overlay: 300;
  --z-mobile-menu: 400;
  --z-toast: 500;
}