/*
Theme Name: CECO Fleet Command
Theme URI: https://cecontracting.com/
Author: George Desing
Author URI: https://cecontracting.com/
Description: Sistema enterprise de gestion de flota pesada para C.E. Contracting. Cada maquina declara que sistemas tiene y de ahi sale todo: sus fluidos, su lista de inspeccion y sus filtros. Mantenimiento por HORAS, MILLAS o FECHAS. QR por maquina y por aditamento, GPS en vivo, diesel, ordenes de trabajo, costo por hora, papeles que vencen, avisos automaticos, respaldo semanal, roles y app instalable. Dark enterprise, movil + PC, bilingue.
Version: 52.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ceco-fleet
Tags: dark, fleet, enterprise, responsive
*/

/* ═══════════════════════════════════════════════════════════════
   ⚠️ IMPORTANTE — LEE ESTO
   Este archivo SOLO contiene la cabecera del tema y las VARIABLES
   de color. Todo el CSS real vive en:
        assets/css/core.css        (reset, loader, layout)
        assets/css/components.css  (cards, modals, toasts, forms)
        assets/css/views.css       (vistas: flota, mantenimiento...)
        assets/css/admin.css       (panel WP admin)
   👉 Para cambiar los COLORES de toda la app, edita las variables
      de aqui abajo. Nada mas. Se aplican a toda la aplicacion.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── 🎨 MARCA — los mismos colores que la web publica ── */
  --accent: #ff8c1a;           /* Naranja de obra — acento principal */
  --accent-2: #d96f00;         /* Naranja oscuro — degradados */
  --accent-soft: rgba(255, 140, 26, .12);

  --emerald: #9ec44f;          /* Verde musgo — TODO BIEN */
  --blue: #7d95a8;             /* Acero apagado — secundario */
  --purple: #a98bbf;           /* Morado — GPS / tracking */

  /* ── Estados (NO cambiar el significado) ── */
  --amber: #e8b53c;            /* Aviso / proximo a vencer */
  /* ⚠️ Oxido, pero CLARO a proposito. VENCIDO es el dato mas
     importante de la app y a pleno sol tiene que saltar a la vista.
     Da 4.87:1 sobre las tarjetas; un oxido mas oscuro se quedaba en
     3.75 y no se leia bien. */
  --red: #e65f3a;              /* Critico / vencido (oxido) */
  --cyan: #5fa8a0;             /* Info / servicios */

  /* ── Fondos: tierra, como la web ── */
  --bg-0: #13100c;             /* Fondo base de la app */
  --bg-1: #1c1712;             /* Paneles */
  --bg-2: #221c15;             /* Cards */
  --bg-3: #2e261c;             /* Hover / inputs */

  /* ── Texto: caliche y tiza ── */
  --text: #f2ece0;
  --text-2: #cdc2ae;
  --muted: #94897a;

  /* ── Bordes ── */
  --stroke: rgba(242, 236, 224, .10);
  --stroke-2: rgba(255, 140, 26, .26);

  /* ── Tintes suaves (fondos de badges) ── */
  --emerald-soft: rgba(158, 196, 79, .13);
  --blue-soft: rgba(125, 149, 168, .14);
  --purple-soft: rgba(169, 139, 191, .13);
  --amber-soft: rgba(232, 181, 60, .13);
  --red-soft: rgba(230, 95, 58, .14);

  /* ── Layout ── */
  /* ⚠️ Canto vivo, como la web y como la chapa de una maquina.
     Antes eran 14 px de redondeo: eso es aspecto de panel web
     generico. 2 px solo quita el filo, no redondea. */
  --radius: 2px;
  --radius-sm: 2px;
  --sidebar-w: 250px;
  --header-h: 60px;
  --shadow: 0 20px 60px rgba(0, 0, 0, .55);
  /* ── 🔤 Tipografia: la misma de la web ──
     --font-brand : rotulos grandes (Anton, como la calcomania).
     --font-head  : titulos y etiquetas en MAYUSCULAS, condensada.
     --font       : texto normal.
     --font-mono  : TODO lo que sea numero, codigo o lectura.

     ⚠️ Detras de cada una hay tipos de reserva. Si Google Fonts no
     carga (obra sin señal, primera vez), la app se ve bien igual:
     Arial Narrow y Roboto Condensed ya estan en los telefonos. */
  --font-brand: "Anton", "Barlow Condensed", Impact, sans-serif;
  --font-head: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;
  --font: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* ── Transiciones ── */
  --t-fast: .15s ease;
  --t: .25s cubic-bezier(.4, 0, .2, 1);
}


/* Fallback minimo por si el CSS principal aun no cargo (evita
   pantalla blanca mientras se suben los archivos de la PARTE 3). */
body.ceco-app {
  margin: 0;
  background: var(--bg-0);
  color: var(--text);
  font-family: var(--font);
  -webkit-text-size-adjust: 100%;
}