/* ==========================================================================
   AUREMONT FUNDS MANAGEMENT — DESIGN TOKENS
   Near-white page, near-black text, one accent. One neutral sans.
   Square corners. No shadows. No gradients.
   ========================================================================== */

@font-face{font-family:"Inter";src:url("../fonts/inter-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-600.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap}

:root{

  /* --- Palette ----------------------------------------------------------
     Near-white ground, near-black text, a single accent used sparingly. */
  --white:        #FFFFFF;
  --paper:        #F6F7F8;   /* page ground */
  --surface:      #FFFFFF;   /* panels and bands that lift off the ground */
  --grey-05:      #EFF1F2;   /* quiet fills */
  --grey-10:      #E5E8EA;
  --rule:         #E0E3E6;   /* hairlines — the only structure */
  --rule-strong:  #C3C8CC;
  --steel:        #5A5E62;   /* secondary text, labels */
  --ink:          #101112;   /* headings and body */
  --ink-soft:     #2C2E30;
  --black:        #000000;

  /* Accent — Auremont Bronze. Links on hover, outlined buttons, step
     numerals, the current nav item, the rule above a page eyebrow.
     Nothing else. 6.2:1 on white. */
  --accent:       #1F4068;
  --accent-dark:  #16304E;
  --accent-tint:  #EDF1F6;

  /* Legacy token referenced by an inline style on the declaration page. */
  --oxblood:      #1F4068;

  /* Footer ground */
  --footer-bg:    #101112;
  --footer-text:  #B4B6B4;
  --footer-rule:  #2B2D2F;
  --logo-footer: 152px;

  /* --- Type: one family, two weights ----------------------------------- */
  --font:       "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  --size-display: 60px;
  --size-h1:      44px;
  --size-h2:      32px;
  --size-h3:      20px;
  --size-eyebrow: 16px;
  --size-banner-eyebrow: 60px;   /* hero descriptor */
  /* Two text sizes, and only two. --size-lead is every run of body copy
     anywhere on the site. --size-body is interface furniture only: nav,
     buttons, form labels and fields, footer lines, figure captions. */
  --size-lead:    20px;
  --size-body:    16px;
  --size-small:   16px;
  --size-table:   16px;
  --size-footnote:16px;
  --size-fineprint:  14px;  /* footer legal boilerplate only */

  --lh-display: 1.06;
  --lh-h1:      1.18;
  --lh-h2:      1.25;
  --lh-h3:      1.40;
  --lh-lead:    1.55;
  --lh-body:    1.60;
  --lh-small:   1.60;
  --lh-table:   1.60;

  --track-display: -0.033em;
  --track-h1:      -0.028em;
  --track-h2:      -0.025em;
  --track-h3:      -0.015em;
  --track-eyebrow:  0;

  --w-regular: 400;
  --w-semi:    600;

  /* --- Spacing ---------------------------------------------------------- */
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px;
  --space-6:48px; --space-8:64px; --space-10:80px; --space-12:96px;

  --section-y: 72px;   /* vertical air between sections */
  --gutter:    48px;   /* wide side margins */

  /* --- Layout ----------------------------------------------------------- */
  --container: 1200px;
  --measure:   760px;

  --hairline: 1px solid var(--rule);
  --transition: 140ms ease;
}

@media (max-width:1199px){
  :root{ --size-display:52px; --size-h1:38px; --size-h2:29px; --size-banner-eyebrow:52px;
         --section-y:56px; --gutter:32px; }
}

@media (max-width:899px){
  :root{ --size-display:40px; --size-h1:32px; --size-h2:26px; --size-h3:20px; --size-banner-eyebrow:40px;
         --section-y:48px; --gutter:24px; }
}

@media (max-width:639px){
  :root{ --size-display:33px; --size-h1:28px; --size-h2:24px; --size-banner-eyebrow:33px;
         --section-y:40px; --gutter:20px; }
}