/* ============================================================
   theme.css — Identidade Visual do Divino Strogonoff
   Paleta extraída da logo oficial:
   - Fundo: creme claro (#FAFAF0)
   - "Divino": preto (#1A1A1A)
   - "STROGONOFF": terracota/tijolo (#8B3000)
   ============================================================ */

:root {
  /* Paleta de cores — terracota da logo */
  --color-primary:        #8B3000;   /* terracota principal — "STROGONOFF" */
  --color-primary-hover:  #6B2400;   /* terracota escuro — hover */
  --color-secondary:      #A84000;   /* terracota médio — destaques */
  --color-accent:         #F0E0C8;   /* creme quente — fundos de cards, badges */
  --color-bg:             #FAFAF0;   /* creme claro — fundo geral (da logo) */
  --color-bg-card:        #FFFFFF;   /* branco puro — cards e painéis */
  --color-text:           #1A1A1A;   /* preto — texto principal (da logo "Divino") */
  --color-text-muted:     #6B5040;   /* marrom médio — texto secundário */
  --color-border:         #E0D0BC;   /* creme escuro — bordas e divisores */
  --color-success:        #3D7A5C;   /* verde — status "pronto/entregue" */
  --color-warning:        #B07D2E;   /* âmbar — status "em preparo" */
  --color-danger:         #B84040;   /* vermelho suave — erros e alertas */

  /* Tipografia */
  --font-base:            'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-size-base:       16px;
  --font-size-sm:         14px;
  --font-size-lg:         18px;
  --font-size-xl:         24px;
  --font-weight-normal:   400;
  --font-weight-bold:     600;
  --line-height-base:     1.5;

  /* Espaçamentos */
  --spacing-xs:           4px;
  --spacing-sm:           8px;
  --spacing-md:           16px;
  --spacing-lg:           24px;
  --spacing-xl:           40px;

  /* Bordas e sombras */
  --border-radius-sm:     4px;
  --border-radius:        8px;
  --border-radius-lg:     16px;
  --radius-sm:            4px;
  --radius-md:            8px;
  --shadow-sm:            0 1px 4px rgba(139,48,0,0.12);
  --shadow:               0 3px 12px rgba(139,48,0,0.18);

  /* Tipografia extra */
  --font-size-xs:         12px;
  --font-weight-medium:   500;

  /* Cores extras */
  --color-surface:        #F5EAE0;   /* creme quente — fundos de formulários e tabelas */
  --color-primary-dark:   #6B2400;   /* terracota escuro — hover alternativo */

  /* Largura máxima do conteúdo */
  --max-width:            900px;
}