/* ============================================================
   FABRHANA BUSINESS PARTNERS — Brand Tokens
   Colors + type pulled from the official brand sheet.
   Font: Brandon Grotesque (commercial) — substituted with
   Montserrat (closest free geometric match). License Brandon
   Grotesque for production and swap --font-sans / --font-display.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

:root {
  /* ---- Brand greens (exact from brand sheet) ---- */
  --green-1: #058342;   /* primary */
  --green-2: #00643a;   /* mid */
  --green-3: #005031;   /* deep */
  --grey:    #58595b;   /* 80% black */

  /* ---- Derived greens for depth + motion ---- */
  --green-bright: #0aa353;
  --green-700:    #013d25;
  --green-900:    #02160e;
  --ink:          #0a1f16;   /* near-black green for dark bands */
  --ink-2:        #07140e;

  /* ---- Neutrals ---- */
  --white:   #ffffff;
  --paper:   #f6f8f5;   /* warm off-white page bg */
  --paper-2: #eef2ec;   /* faint green-tinted panel */
  --line:    #e2e8df;   /* hairline on light */
  --line-dk: rgba(255,255,255,0.12);

  /* ---- Text ---- */
  --fg:        #14241c;
  --fg-muted:  #58595b;
  --fg-subtle: #8a9290;
  --fg-on-dark: #eef4ef;
  --fg-on-dark-muted: rgba(231,240,233,0.66);

  /* ---- Type ---- */
  --font-sans: 'Montserrat', system-ui, -apple-system, sans-serif;
  --font-display: 'Montserrat', system-ui, sans-serif;

  --tracking-eyebrow: 0.22em;
  --tracking-tight: -0.02em;
  --tracking-tighter: -0.035em;

  /* ---- Radii ---- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 2px 10px rgba(10,31,22,0.06);
  --shadow-md: 0 10px 30px rgba(10,31,22,0.10);
  --shadow-lg: 0 24px 60px rgba(10,31,22,0.16);
  --shadow-green: 0 18px 48px rgba(5,131,66,0.28);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- Layout ---- */
  --container: 1240px;
  --nav-h: 76px;

  /* ---- Gradients ---- */
  --grad-ink: linear-gradient(155deg, #07140e 0%, #033522 45%, #00643a 100%);
  --grad-brand: linear-gradient(135deg, var(--green-1) 0%, var(--green-2) 60%, var(--green-3) 100%);
  --grad-text: linear-gradient(120deg, #0aa353 0%, #058342 50%, #00643a 100%);
}

*, *::before, *::after { box-sizing: border-box; }