/* ============================================================
   OS - Obras & Serviços | Design Tokens
   Paleta extraída da logo oficial:
     • Dourado:  #D4A017  (guindaste, bordas, destaques)
     • Carvão:   #1A1A1A  (letras OS, banner)
   ============================================================ */
:root {
  /* ──────────────────────────────────────
     CORES PRINCIPAIS  (logo OS)
     ────────────────────────────────────── */
  --color-accent:       #D4A017;   /* Dourado da logo */
  --color-accent-dark:  #B88A0D;   /* Hover escuro */
  --color-accent-light: #FBF3DC;   /* Dourado claríssimo (badges, bg) */
  --color-accent-mid:   #F2C94C;   /* Dourado mais vivo p/ estrelas */

  --color-dark:         #1A1A1A;   /* Carvão da logo (hero bg) */
  --color-dark-2:       #252525;   /* Carvão cards */
  --color-dark-3:       #2F2F2F;   /* Hover cards escuros */

  /* ──────────────────────────────────────
     BACKGROUNDS
     ────────────────────────────────────── */
  --color-bg-main:       #FFFFFF;
  --color-bg-secondary:  #F5F5F5;
  --color-bg-card:       #FFFFFF;
  --color-bg-elevated:   #F9F9F9;

  /* ──────────────────────────────────────
     TEXTOS (Light Theme — seções brancas)
     ────────────────────────────────────── */
  --color-text-primary:   #1A1A1A;   /* Carvão da logo */
  --color-text-secondary: #555555;
  --color-text-muted:     #999999;

  /* ──────────────────────────────────────
     BORDAS
     ────────────────────────────────────── */
  --color-border:       #E8E8E8;
  --color-border-focus: #D4A017;

  /* ──────────────────────────────────────
     HERO — fundo escuro igual ao banner da logo
     ────────────────────────────────────── */
  --color-hero-bg:   #1A1A1A;
  --color-hero-text: #FFFFFF;

  /* ──────────────────────────────────────
     TIPOGRAFIA
     ────────────────────────────────────── */
  --font-heading: 'Poppins', sans-serif;
  --font-body:    'Poppins', sans-serif;

  /* ──────────────────────────────────────
     LAYOUT
     ────────────────────────────────────── */
  --header-height:    72px;
  --container-width: 1200px;

  /* ──────────────────────────────────────
     ESPAÇAMENTOS
     ────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ──────────────────────────────────────
     BORDAS ARREDONDADAS
     ────────────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-pill: 50px;

  /* ──────────────────────────────────────
     SOMBRAS
     ────────────────────────────────────── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 10px 40px rgba(0,0,0,0.14);

  /* ──────────────────────────────────────
     TRANSIÇÕES
     ────────────────────────────────────── */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;

  /* ──────────────────────────────────────
     PESOS
     ────────────────────────────────────── */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;
  --weight-black:   900;

  /* ──────────────────────────────────────
     ALIASES (compatibilidade com arquivos antigos)
     ────────────────────────────────────── */
  --color-gold-main:  #D4A017;
  --color-gold-dark:  #B88A0D;
  --color-gold-glow:  #F2C94C;
}