/*
 * ── includes/colors.css — Sistema de cores global ────────────────────────────
 *
 * PARA PERSONALIZAR (novo cliente):
 *   1. Altere as "Cores primitivas" abaixo (seção marcada com ★)
 *   2. Salve — todo o site atualiza automaticamente
 *
 * Inclua no <head> de cada página antes do <style> local:
 *   <link rel="stylesheet" href="/includes/colors.css">
 * ─────────────────────────────────────────────────────────────────────────────
 */

:root {

  /* ── ★ CORES PRIMITIVAS — altere apenas esta seção para novo cliente ─────── */
  --yellow:  #FFD200;
  --orange:  #FF6A00;
  --black:   #0A0A0A;
  --dark:    #111111;
  --gray:    #1C1C1C;
  --light:   #F5F5F5;
  --white:   #FFFFFF;
  --grad:    linear-gradient(135deg, var(--yellow) 0%, var(--orange) 100%);
  --font:    'Poppins', sans-serif;
  --font2:   'Montserrat', sans-serif;

  /* ── Canais RGB — usados em rgba(var(--yellow-rgb), .15) ─────────────────── */
  /* Atualize junto com as primitivas acima se mudar as cores                   */
  --yellow-rgb: 255, 210, 0;
  --orange-rgb: 255, 106, 0;
  --black-rgb:  10, 10, 10;
  --white-rgb:  255, 255, 255;

  /* ── Semânticas — use estas nos componentes, NÃO as primitivas acima ─────── */
  --color-primary:         var(--yellow);
  --color-secondary:       var(--orange);
  --color-gradient:        var(--grad);

  --color-bg:              var(--black);
  --color-bg-soft:         #050505;
  --color-surface:         var(--dark);
  --color-surface-raised:  var(--gray);
  --color-card:            #161616;
  --card:                  #161616;   /* alias — usado em avaliacao.php e area-cliente (local override: #111111) */

  --color-text:            var(--white);
  --color-text-muted:      #aaaaaa;
  --color-text-faint:      #666666;

  --color-border:          rgba(var(--yellow-rgb), .12);
  --color-border-strong:   rgba(var(--yellow-rgb), .25);

  /* ── Status ──────────────────────────────────────────────────────────────── */
  --color-success:         #4CAF50;
  --color-success-bg:      rgba(76, 175, 80, .15);
  --color-success-border:  rgba(76, 175, 80, .30);

  --color-danger:          #ff6b6b;
  --color-danger-dark:     #c62828;
  --color-danger-bg:       rgba(244, 67, 54, .12);
  --color-danger-border:   rgba(198, 40, 40, .40);

  --color-warning:         #ff9800;
  --color-warning-bg:      rgba(255, 152, 0, .12);
  --color-warning-border:  rgba(255, 152, 0, .30);
}
