:root {
  /* Mocha Flat palette - melhorado com contraste */
  --color-bg:            #F8F3ED;
  --color-surface:       #EFE5D9;
  --color-card:          #E0CCBA;
  --color-input:         #F5E6D3;
  --color-expand-bg:     #FAF4EE;

  --color-border:        #A87B5B;
  --color-border-focus:  #8B6F47;

  --color-text:          #3D2817;
  --color-text-muted:    #866D52;

  --color-accent:        #C48A5C;
  --color-accent-dark:   #A87B5B;
}


@font-face {
  font-family: 'Inter';
  src: url('/fonts/inter-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

html,
body,
#app {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: var(--color-bg);
  color: var(--color-text);
}

img {
  max-width: 100%;
  display: block;
}