/* ===========================================================
   TruliLocal — hi-fi design system
   Brand: orange #FE5E01 · navy #0E1B2A · warm paper #F6F4F0
   Voice: banking-grade calm. Navy structure, orange only where
   it earns attention, generous whitespace.
   =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap');

:root {
  /* brand */
  --orange:      #FE5E01;
  --orange-600:  #E04F00;
  --orange-700:  #B83F00;
  --orange-tint: #FFF1E8;
  --orange-tint2:#FFE3D2;

  --ink:    #0E1B2A;   /* navy — text & structure */
  --ink-80: #2A3744;
  --ink-60: #5A6573;
  --ink-40: #8A93A0;
  --ink-20: #C2C8D0;

  --paper:  #F6F4F0;   /* warm canvas */
  --paper-2:#EFEBE4;
  --surface:#FFFFFF;
  --hair:   #E7E3DB;   /* hairline on paper */
  --hair-2: #EEEAE2;

  --green:  #1C6B47;   /* deep forest — trust & success */
  --green-tint:#E6F1EA;
  --green-700:#134d33;
  --amber:  #C9821B;
  --amber-tint:#FBF0DC;
  --red:    #C8412B;

  --font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  /* radii */
  --r-xs: 8px; --r-sm: 12px; --r-md: 16px; --r-lg: 22px; --r-xl: 28px;

  /* shadows — soft, low, calm */
  --sh-sm: 0 1px 2px rgba(14,27,42,.06), 0 1px 3px rgba(14,27,42,.05);
  --sh-md: 0 2px 6px rgba(14,27,42,.06), 0 8px 24px rgba(14,27,42,.07);
  --sh-lg: 0 8px 20px rgba(14,27,42,.10), 0 24px 60px rgba(14,27,42,.12);
  --sh-cta: 0 6px 16px rgba(254,94,1,.30);
}

* { box-sizing: border-box; }