/* Identidade visual: "editorial de adega". Tudo que muda a aparência está aqui.
   A cor de destaque vem de /theme.css (configurável no painel); aqui só o padrão. */

:root {
  color-scheme: light;

  /* superfícies e tinta */
  --paper: #f8f3ea;
  --surface: #fffdf8;
  --surface-2: #efe7d8;
  --ink: #1c2a24;
  --ink-muted: #56625a;
  --line: #e4dbc9;
  --line-strong: #8c846f; /* bordas de campos: 3,4:1 sobre o papel */

  /* destaque (sobrescrito por /theme.css) */
  --accent: #7b1e3a;
  --accent-ink: #7b1e3a; /* a cor de destaque quando é TEXTO ou contorno: 4,5:1 no papel (vem de /theme.css) */
  --on-accent: #ffffff;
  --accent-tint: color-mix(in srgb, var(--accent) 9%, var(--paper));
  --accent-soft: color-mix(in srgb, var(--accent) 16%, var(--surface));

  /* cor por tipo de vinho (decorativa; o nome do tipo sempre aparece junto) */
  --type-tinto: #7a1f35;
  --type-branco: #d9c25b;
  --type-rose: #e39aa0;
  --type-espumante: #b8c77a;
  --type-sobremesa: #c98a2b;
  --type-fortificado: #7a4a28;
  /* cores novas: contraste de marcador (3:1) sobre o papel e o cartão, verificado em structure.test.js */
  --type-ambar: #8a6300;
  --type-verde: #3d6b2e;
  --type-azul: #2c5d8f;
  --type-grafite: #4a4a48;
  --type-laranja: #c23a12;
  --type-roxo: #6a3d8f;

  /* tipografia */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;

  /* espaço e forma */
  --gutter: 16px;
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --radius-photo: 8px;
  --tap: 44px;
  --safe-bottom: env(safe-area-inset-bottom, 0px); /* testes sobrescrevem para simular a área segura */
  --bar-h: 108px; /* abas 48 + chips 44 + respiro */
  --main-max: 1136px;

  /* profundidade */
  --shadow-photo: 0 8px 18px -8px rgb(28 42 36 / 0.4);
  --shadow-bar: 0 1px 0 var(--line), 0 12px 16px -14px rgb(28 42 36 / 0.5);
  --shadow-sheet: 0 -16px 40px -12px rgb(28 42 36 / 0.35);
  --scrim-sheet: rgb(20 30 25 / 0.6);
  --scrim-drawer: rgb(20 30 25 / 0.5);

  /* movimento */
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}