/* ============================================================
   Hogan Roofing — Color Tokens
   Flame orange hero · warm stone neutrals · steel-blue secondary
   ============================================================ */
:root {
  /* ---- Brand: Flame Orange (from the HR house-mark, #F0572F) ---- */
  --flame-50:  #FFF3EF;
  --flame-100: #FFE3D8;
  --flame-200: #FFC4AF;
  --flame-300: #FF9E7D;
  --flame-400: #FA7A4F;
  --flame-500: #F0572F; /* core brand */
  --flame-600: #D8431D;
  --flame-700: #B23415;
  --flame-800: #8A2912;
  --flame-900: #5C1D0F;

  /* ---- Ink / warm neutral stone ---- */
  --white:    #FFFFFF;
  --ink-50:   #FAF7F5;
  --ink-100:  #F2ECE8;
  --ink-200:  #E5DDD7;
  --ink-300:  #CCC2BB;
  --ink-400:  #A6998F;
  --ink-500:  #7E7068;
  --ink-600:  #5E524B;
  --ink-700:  #443A34;
  --ink-800:  #2D2521;
  --ink-900:  #1E1916;
  --ink-950:  #15110E; /* warm near-black */

  /* ---- Secondary: Steel Blue (data, tech, Florida sky) ---- */
  --steel-50:  #EEF3FB;
  --steel-100: #DBE5F4;
  --steel-200: #B7CAE8;
  --steel-300: #8AA8D6;
  --steel-400: #5A80C0;
  --steel-500: #335FA6; /* secondary */
  --steel-600: #284C87;
  --steel-700: #1E3A68;

  /* ---- Semantic hues ---- */
  --green-50:  #E8F6EE;  --green-500: #1E9E5A;  --green-600: #16804A;
  --amber-50:  #FDF3DC;  --amber-500: #E0941A;  --amber-600: #B5750F;
  --red-50:    #FCEAE7;  --red-500:   #D92D20;  --red-600:   #B02116;
  --teal-50:   #E4F5F2;  --teal-500:  #0E9488;  --teal-600:  #0B756B;
  --violet-50: #EFEBFE;  --violet-500:#6D4AFF;  --violet-600:#5634E0;

  /* ============================================================
     Semantic aliases  (use these in product code)
     ============================================================ */
  /* Text */
  --text-strong:  var(--ink-950);
  --text-body:    var(--ink-800);
  --text-muted:   var(--ink-600);
  --text-faint:   var(--ink-400);
  --text-inverse: var(--white);
  --text-brand:   var(--flame-600);
  --text-link:    var(--flame-600);

  /* Surfaces */
  --surface-page:    var(--ink-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--ink-100);
  --surface-raised:  var(--white);
  --surface-inverse: var(--ink-950);
  --surface-brand:   var(--flame-500);
  --surface-brand-soft: var(--flame-50);

  /* Borders */
  --border-subtle:  var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-inverse: rgba(255,255,255,0.14);

  /* Brand interaction */
  --brand:        var(--flame-500);
  --brand-hover:  var(--flame-600);
  --brand-active: var(--flame-700);
  --brand-soft:   var(--flame-50);
  --on-brand:     var(--white);

  /* Secondary interaction */
  --accent:       var(--steel-500);
  --accent-hover: var(--steel-600);
  --accent-soft:  var(--steel-50);

  /* Feedback */
  --success: var(--green-500); --success-soft: var(--green-50);
  --warning: var(--amber-500); --warning-soft: var(--amber-50);
  --danger:  var(--red-500);   --danger-soft:  var(--red-50);
  --info:    var(--steel-500); --info-soft:    var(--steel-50);

  /* Focus */
  --focus-ring: var(--flame-500);
  --focus-ring-offset: var(--white);

  /* ---- Roofing job-status palette (domain) ---- */
  --status-lead:        var(--steel-500);  --status-lead-soft:        var(--steel-50);
  --status-estimate:    var(--amber-500);  --status-estimate-soft:    var(--amber-50);
  --status-approved:    var(--flame-500);  --status-approved-soft:    var(--flame-50);
  --status-production:  var(--teal-500);   --status-production-soft:  var(--teal-50);
  --status-complete:    var(--green-500);  --status-complete-soft:    var(--green-50);
  --status-carrier:     var(--violet-500); --status-carrier-soft:     var(--violet-50);
}