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

:root {
  /* Text */
  --color-text:           #2C2C2A;
  --color-text-secondary: #888780;
  --color-text-tertiary:  #B0AEA6;

  /* Backgrounds */
  --color-bg:             #FAFAF8;
  --color-bg-secondary:   #F0F0ED;
  --color-bg-dark:        #2C2C2A;

  /* Borders */
  --color-border:         #E4E3DF;
  --color-border-light:   #EEEDE9;

  /* Accent */
  --color-accent:         #FF6B00;

  /* Typography */
  --font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Sizes */
  --size-nav-height: 64px;
  --size-max-width:  1100px;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}