/* PrintFire — Color tokens
   Trust-navy (Istanbul B2B) + fire-ember accent (the "Fire" in PrintFire)
   + WhatsApp green for the primary conversation channel. */

:root {
  /* ---- Navy (primary / trust) ---- */
  --navy-950: #060f22;
  --navy-900: #0b1b3a; /* brand theme color (printfier.com) */
  --navy-800: #0f2547;
  --navy-700: #16335f;
  --navy-600: #1e4480;
  --navy-500: #2a5aa6;
  --navy-400: #5a82c4;
  --navy-300: #9bb6dd;
  --navy-200: #cdddef;
  --navy-100: #e8f0f9;
  --navy-50:  #f3f7fc;

  /* ---- Ember (accent / energy / conversion) ---- */
  --ember-700: #b23816;
  --ember-600: #d6431a;
  --ember-500: #f4501e; /* primary accent */
  --ember-400: #fb6a35;
  --ember-300: #fd9163;
  --ember-200: #ffc4a6;
  --ember-100: #ffe5d6;
  --ember-50:  #fff5ef;

  /* ---- Gold (premium highlight / badges) ---- */
  --gold-600: #b88424;
  --gold-500: #e0a533;
  --gold-300: #f2cd7f;
  --gold-100: #fbeecb;

  /* ---- WhatsApp ---- */
  --wa-deep:  #075e54;
  --wa-dark:  #128c7e;
  --wa-green: #25d366;
  --wa-soft:  #e7f9ef;

  /* ---- Warm neutral ink ---- */
  --ink-950: #0a0e15;
  --ink-900: #11161f;
  --ink-800: #1d2533;
  --ink-700: #2c3543;
  --ink-600: #475467;
  --ink-500: #667085;
  --ink-400: #98a2b3;
  --ink-300: #d0d5dd;
  --ink-200: #e4e7ec;
  --ink-100: #f2f4f7;
  --ink-50:  #f8fafc;
  --white:   #ffffff;

  /* ---- Semantic raw ---- */
  --green-600: #15803d;
  --green-500: #16a34a;
  --amber-500: #f59e0b;
  --red-600:   #dc2626;

  /* ========== Semantic aliases ========== */
  --brand-primary: var(--navy-900);
  --brand-primary-hover: var(--navy-800);
  --brand-accent: var(--ember-500);
  --brand-accent-hover: var(--ember-600);
  --brand-whatsapp: var(--wa-green);
  --brand-whatsapp-hover: var(--wa-dark);

  --text-strong: var(--ink-900);
  --text-body:   var(--ink-700);
  --text-muted:  var(--ink-500);
  --text-invert: var(--white);
  --text-on-navy: #cdddef;
  --text-accent: var(--ember-600);

  --surface-page:  var(--ink-50);
  --surface-card:  var(--white);
  --surface-raised: var(--white);
  --surface-sunken: var(--ink-100);
  --surface-navy:  var(--navy-900);
  --surface-navy-soft: var(--navy-50);
  --surface-ember-soft: var(--ember-50);

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);
  --border-navy: var(--navy-700);

  --cta-bg: var(--ember-500);
  --cta-bg-hover: var(--ember-600);
  --cta-fg: var(--white);

  --focus-ring: var(--ember-400);

  --success: var(--green-500);
  --warning: var(--amber-500);
  --danger:  var(--red-600);
}