/* base.css — reset, typography, theme variables (light + dark) */

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

html, body { margin: 0; padding: 0; }

:root {
  /* Cream/warm light theme — high-end Turkish clinic feel */
  --bg-app: #FAFAF7;
  --bg-elev: #FFFFFF;
  --bg-soft: #F5F4F0;
  --bg-sunken: #F0EFEA;
  --text-primary: #1C1917;
  --text-secondary: #6E6A60;
  --text-muted: #A8A29E;
  --border: #E7E2D8;
  --border-strong: #D3CCBC;
  --accent: #B5952F;
  --accent-soft: #D4AF37;
  --accent-strong: #8E6F1B;
  --accent-ink: #FFFFFF;
  --success: #15803D;
  --success-soft: #DCFCE7;
  --warning: #B45309;
  --warning-soft: #FEF3C7;
  --danger: #B91C1C;
  --danger-soft: #FEE2E2;
  --info: #1D4ED8;
  --info-soft: #DBEAFE;
  --whatsapp: #25D366;
  --whatsapp-deep: #128C7E;
  --instagram: #E1306C;
  --instagram-deep: #833AB4;
  --sidebar-bg: #1C1917;
  --sidebar-text: #EFE9DA;
  --sidebar-faint: #837C6E;
  --sidebar-active: rgba(212,175,55,0.12);
  --sidebar-border: rgba(255,255,255,0.06);
  --shadow-sm: 0 1px 2px rgba(28,25,23,0.04), 0 1px 1px rgba(28,25,23,0.04);
  --shadow-md: 0 4px 12px rgba(28,25,23,0.06), 0 2px 4px rgba(28,25,23,0.04);
  --shadow-lg: 0 12px 30px rgba(28,25,23,0.10), 0 4px 8px rgba(28,25,23,0.05);
  --shadow-xl: 0 24px 50px rgba(28,25,23,0.16);
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --table-row-hov: rgba(212,175,55,0.05);
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--bg-app);
}

[data-theme="dark"] {
  --bg-app: #111110;
  --bg-elev: #1A1A18;
  --bg-soft: #20201D;
  --bg-sunken: #0A0A09;
  --text-primary: #F0EBDE;
  --text-secondary: #B7B1A2;
  --text-muted: #75716A;
  --border: #2A2924;
  --border-strong: #3A3832;
  --accent: #D4AF37;
  --accent-soft: #E7C253;
  --accent-strong: #F1D770;
  --accent-ink: #1C1917;
  --sidebar-bg: #0A0A09;
  --sidebar-text: #EFE9DA;
  --sidebar-faint: #807A6E;
  --table-row-hov: rgba(212,175,55,0.08);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 12px 30px rgba(0,0,0,0.5);
  --shadow-xl: 0 24px 50px rgba(0,0,0,0.6);
}

body {
  background: var(--bg-app);
  color: var(--text-primary);
  font-family: var(--font-ui);
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: 600;
  margin: 0;
  color: var(--text-primary);
  line-height: 1.2;
}

a {
  color: var(--accent-strong);
  text-decoration: none;
}
a:hover { text-decoration: underline; }

button {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  background: transparent;
  color: inherit;
}

input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

::selection {
  background: var(--accent-soft);
  color: var(--accent-ink);
}

/* Subtle scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); background-clip: padding-box; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}