/* ============================================================
   Home & Family — "Meadow Green" theme (original)
   fincrm-style modern SaaS surface, lime→teal→blue palette.
   Token NAMES retained; values restored to the first palette.
   ============================================================ */

@font-face { font-family:'Lato'; font-weight:300; font-style:normal; font-display:swap; src:url('fonts/Lato-Light.ttf') format('truetype'); }
@font-face { font-family:'Lato'; font-weight:300; font-style:italic;  font-display:swap; src:url('fonts/Lato-LightItalic.ttf') format('truetype'); }
@font-face { font-family:'Lato'; font-weight:400; font-style:normal; font-display:swap; src:url('fonts/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family:'Lato'; font-weight:400; font-style:italic;  font-display:swap; src:url('fonts/Lato-Italic.ttf') format('truetype'); }
@font-face { font-family:'Lato'; font-weight:700; font-style:normal; font-display:swap; src:url('fonts/Lato-Bold.ttf') format('truetype'); }
@font-face { font-family:'Lato'; font-weight:900; font-style:normal; font-display:swap; src:url('fonts/Lato-Black.ttf') format('truetype'); }

:root{
  /* --- Meadow Green palette (original) --- */
  --lime:#d9ed92;
  --lightgreen:#b5e48c;
  --willow:#99d98c;
  --emerald:#76c893;
  --mist:#52b69a;
  --teal:#34a0a4;
  --bondi:#168aad;
  --cerulean:#1a759f;
  --baltic:#1e6091;
  --yale:#184e77;

  --pink:#168aad;
  --coral:#76c893;
  --gold:#d9ed92;

  /* --- ink / text (deep blue-slate, derived from Yale) --- */
  --ink:#123247;      /* headlines */
  --ink-2:#3a566a;    /* body */
  --ink-3:#637e90;    /* muted */
  --ink-4:#92a7b4;    /* faint */

  /* --- surfaces --- */
  --paper:#ffffff;
  --tint:#f0f8ee;       /* pale lime wash */
  --tint-2:#e8f5ef;     /* pale teal wash */
  --tint-blue:#eaf3f8;  /* pale blue wash */
  --line:#e3efe6;
  --line-2:#d3e6dc;

  /* --- gradients (original lime→teal→blue) --- */
  --grad-hero: linear-gradient(135deg, #d9ed92 0%, #99d98c 22%, #52b69a 48%, #168aad 74%, #1e6091 100%);
  --grad-soft: linear-gradient(135deg, #eaf6e4 0%, #e6f4ee 45%, #e6f1f6 100%);
  --grad-btn:  linear-gradient(120deg, #34a0a4 0%, #1a759f 100%);
  --grad-btn-hover: linear-gradient(120deg, #2c8e92 0%, #16688d 100%);
  --grad-dark: linear-gradient(150deg, #1e6091 0%, #1a759f 30%, #168aad 60%, #34a0a4 100%);
  --grad-text: linear-gradient(100deg, #76c893 0%, #34a0a4 45%, #168aad 80%);
  --grad-marker: linear-gradient(115deg, #d9ed92 0%, #99d98c 100%);
  --grad-lime: linear-gradient(120deg, #d9ed92, #99d98c);

  /* --- radius --- */
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-xl:32px; --r-pill:999px;

  /* --- shadow (soft, colored) --- */
  --sh-sm: 0 2px 8px rgba(24,78,119,0.06);
  --sh-md: 0 14px 34px -16px rgba(24,78,119,0.22);
  --sh-lg: 0 34px 70px -28px rgba(22,108,140,0.40);
  --sh-glow: 0 40px 90px -30px rgba(52,160,164,0.45);

  --font-sans:'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:'SF Mono', ui-monospace, 'JetBrains Mono', 'Roboto Mono', Menlo, monospace;

  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; background:var(--paper); }
body{ font-family:var(--font-sans); color:var(--ink-2); -webkit-font-smoothing:antialiased; }
#root{ min-height:100%; }
html{ scroll-behavior:smooth; }

.grad-text{
  background:var(--grad-text);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}

button:focus-visible, a:focus-visible, input:focus-visible{
  outline:none; box-shadow:0 0 0 3px rgba(52,160,164,0.32); border-radius:10px;
}

::-webkit-scrollbar{ width:11px; height:11px; }
::-webkit-scrollbar-thumb{ background:#bfe0cf; border-radius:999px; border:3px solid #fff; }
::-webkit-scrollbar-track{ background:transparent; }