/* CJTA Lubricantes — Design tokens: paleta de color, tipografías y sombras */

/* =========================================================
   CJTA Lubricantes — Editorial Agency Redesign
   Palette: Navy #0D1128 · Gold #C9A047 · Red #C0392B
            Cream #F0EBE0 · Off-white #F5F0E8
   Type: Playfair Display (display, italic accents) · Inter (UI/body)
   ========================================================= */

:root{
  --navy:#0D1128;
  --navy-2:#161B38;
  --navy-deep:#070A1C;
  --gold:#C9A047;
  --gold-2:#D9B560;
  --gold-soft:#E8CF8B;
  --gold-deep:#9C7C30;
  --red:#C0392B;
  --red-2:#D54A3C;
  --red-deep:#7A1C12;
  --cream:#F0EBE0;
  --cream-2:#E7DFCC;
  --offwhite:#F5F0E8;
  --paper:#FAF6EE;
  --ink:#0D1128;
  --ink-soft:#3B4061;
  --ink-mute:#6B7088;
  --rule:rgba(201,160,71,.22);
  --rule-dark:rgba(13,17,40,.14);
  --wa:#25D366;
  --wa-2:#1FBA5A;

  --ff-display:'Playfair Display', 'Times New Roman', serif;
  --ff-body:'Inter', system-ui, sans-serif;
  --ff-mono:'JetBrains Mono', ui-monospace, monospace;

  --shadow-card:0 30px 60px -28px rgba(13,17,40,.4), 0 10px 24px -16px rgba(13,17,40,.18);
  --shadow-prod:0 30px 50px -18px rgba(0,0,0,.5);
}