/*
  Aluzza design tokens. THE ONLY place colors and type are defined.
  Source: Manual de Marca Aluzza v1.0 (setembro de 2026), blocos 3.3 a 3.5.

  Proportion from the manual, adapted to an interface:
  creme/off-white is the base, oliva escuro frames (sidebar, premium areas),
  verde oliva confirms (primary actions), terracota highlights and calls
  (never small text on a light background: it fails contrast).
*/
:root {
  /* official palette */
  --terracota: #C65F3A;        /* assinatura e destaque */
  --verde-oliva: #5D6343;      /* equilíbrio, navegação, confirmações */
  --creme: #F5E7D6;            /* base clara */
  --marrom-cafe: #4A3027;      /* texto e contraste */
  --areia: #D9B58C;
  --caramelo: #B8784E;
  --pessego: #D99570;
  --oliva-escuro: #41462F;     /* fundos premium */
  --grafite-quente: #332822;   /* texto institucional */
  --off-white: #FBF6EF;        /* fundo institucional */

  /* surfaces */
  --bg: #F8F7F5;               /* near white, neutral: long hours on screen */
  --surface: #FFFFFF;
  --surface-2: #F1EEEA;        /* hover, selected row */
  --line: #E6E1DA;
  --line-strong: #CFC7BD;

  /* text */
  --ink: var(--grafite-quente);
  --ink-2: #4A3F38;
  --muted: #6F635A;            /* secondary text, still readable */
  --on-dark: var(--creme);

  /* roles */
  --accent: var(--terracota);          /* highlights, badges, calls */
  --accent-ink: #A34A2A;               /* terracota readable as text */
  --accent-soft: #F8E6DC;
  --dark: var(--oliva-escuro);         /* sidebar, dark panels */
  --confirm: var(--verde-oliva);       /* primary buttons */
  --confirm-hover: var(--oliva-escuro);
  --btn-2: #EFECE7;                    /* secondary button fill */
  --btn-2-hover: #E4DFD8;

  /* states */
  --ok: #5D6343;
  --ok-soft: #ECEEE2;
  --warn: #A8743A;
  --warn-soft: #F8EDDD;
  --danger: #B0322A;
  --danger-soft: #F8E4E2;
  --info: #5C4A40;
  --info-soft: #F3EBE0;

  /* bubbles */
  --bubble-out: var(--oliva-escuro);
  --bubble-out-ink: var(--creme);
  --bubble-bot: #FFFFFF;

  /* type: Montserrat for the interface, Lora only for editorial phrases */
  --font: "Montserrat", Arial, "DejaVu Sans", sans-serif;
  --font-editorial: "Lora", Georgia, serif;
  --fs-xs: 11.5px;
  --fs-sm: 13.5px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --tracking-label: 0.12em;

  --radius: 6px;
  --radius-lg: 12px;
  --shadow: 0 1px 2px rgba(51, 40, 34, 0.06), 0 4px 16px rgba(51, 40, 34, 0.05);
}