/* ============================================================
   theme.css — Identidade Visual do Ponto Árabe
   Cores extraídas diretamente da logo oficial dos alunos.
   Para personalizar: editar apenas as variáveis abaixo.
   ============================================================ */

:root {
  /* Paleta de cores — verde-sálvia da logo */
  --color-primary:        #7C968F;   /* verde-sálvia principal */
  --color-primary-hover:  #5E7872;   /* versão escura para hover */
  --color-secondary:      #8C9E99;   /* sálvia médio — destaques */
  --color-accent:         #D6E8E4;   /* sálvia claro — fundos de cards, badges */
  --color-bg:             #F7FAFA;   /* branco levemente esverdeado — fundo geral */
  --color-bg-card:        #FFFFFF;   /* branco puro — cards e painéis */
  --color-text:           #2C3B38;   /* verde-escuro — texto principal */
  --color-text-muted:     #657A76;   /* sálvia médio — texto secundário */
  --color-border:         #C8DCDA;   /* sálvia suave — 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(100,140,135,0.15);
  --shadow:               0 3px 12px rgba(100,140,135,0.20);

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

  /* Cores extras */
  --color-surface:        #EEF4F3;   /* sálvia muito claro — fundos de formulários e tabelas */
  --color-primary-dark:   #4A6460;   /* sálvia escuro — hover alternativo */

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