/* Variáveis de tema e base de layout */
:root {
    --cor-fundo: #0b0b0b;
    --cor-texto: #e6d9c2;
    --cor-fundo-menu: #1c1c1c;
    --cor-borda-menu: #333;
    --cor-hover-menu: #333;
    --search-border: rgba(255,255,255,0.06);
    --search-bg: rgba(255,255,255,0.04);
    --card-title-color: #e6d9c2; /* branco pastel para tema escuro */
    /* cores globais adicionais */
    --page-title-color: #f5f7ff; /* headings / page titles (dark) */
    --link-color: #7c5cff;       /* links / accents (dark) */
    --muted-color: #9aa0b4;      /* secondary text (dark) */
    --placeholder-color: rgba(230,217,194,0.55); /* input placeholder (dark) */
}

/* Estilos para o Light Mode */
body.light-mode {
    --cor-fundo: #f0f0f0;
    --cor-texto: #222222;
    --cor-fundo-menu: #ffffff;
    --cor-borda-menu: #ddd;
    --cor-hover-menu: #f5f5f5;
    --search-border: #000000;
    --search-bg: rgba(0,0,0,0.06);
    --card-title-color: #ffffff; /* branco puro no tema claro */
    /* overrides para modo claro */
    --page-title-color: #000000;   /* page titles preto no light mode */
    --link-color: #0b5ed7;         /* link / accent no light mode (visível) */
    --muted-color: #666666;        /* texto secundário no light */
    --placeholder-color: rgba(0,0,0,0.35);
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

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

body {
    position: relative;
    margin: 0;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    background: var(--cor-fundo);
    color: var(--cor-texto);
    overflow-x: hidden;
}

img, svg {
  -webkit-user-drag: none;
  user-select: none;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Aplicações globais de cor (mantém consistência entre temas) */
h1, h2, h3, h4, h5, h6, .page-title {
  color: var(--page-title-color);
}

a {
  color: var(--link-color);
  text-decoration: none;
}

p, li, span, input, button {
  color: var(--cor-texto);
}

/* placeholder color */
input::placeholder,
textarea::placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}

/* small muted helper */
.muted { color: var(--muted-color); }