/* ==========================================================================
   Sinaa Partners — web typeface.
   The brand type is Microsoft Aptos, whose EULA forbids serving the font files
   from a public site. So the url() sources below are Inter (SIL Open Font
   Licence), self-hosted and safe to distribute, mapped onto the Aptos family
   names the stylesheet uses. local("Aptos...") is listed FIRST, so any machine
   with Microsoft Office renders real Aptos and never downloads Inter; everyone
   else gets Inter, a close humanist-grotesque stand-in. Swap in licensed Aptos
   web fonts here if a web licence is obtained.
   ========================================================================== */
@font-face{font-family:"Aptos Display";font-style:normal;font-weight:400;font-display:swap;
  src:local("Aptos Display"),url("fonts/inter-400-normal.woff2") format("woff2");}
@font-face{font-family:"Aptos Display";font-style:normal;font-weight:700;font-display:swap;
  src:local("Aptos Display Bold"),url("fonts/inter-800-normal.woff2") format("woff2");}
@font-face{font-family:"Aptos";font-style:normal;font-weight:400;font-display:swap;
  src:local("Aptos"),url("fonts/inter-400-normal.woff2") format("woff2");}
@font-face{font-family:"Aptos";font-style:italic;font-weight:400;font-display:swap;
  src:local("Aptos Italic"),url("fonts/inter-400-italic.woff2") format("woff2");}
@font-face{font-family:"Aptos";font-style:normal;font-weight:600;font-display:swap;
  src:local("Aptos SemiBold"),url("fonts/inter-600-normal.woff2") format("woff2");}
@font-face{font-family:"Aptos";font-style:normal;font-weight:700;font-display:swap;
  src:local("Aptos Bold"),url("fonts/inter-700-normal.woff2") format("woff2");}

:root {
  /* --- Core palette ----------------------------------------------------- */
  --ink:        #04101F; /* deepest navy — hero grounds, footer            */
  --navy:       #0A1B2E; /* primary navy — logo wordmark, headings         */
  --navy-2:     #12293F; /* raised surface on dark                         */
  --gold:       #A9761D; /* brand gold — the ring. Fills, rules, borders.  */
  --gold-text:  #8C5F14; /* gold for TEXT on light — 5.58:1 on white       */
  --gold-lt:    #C9932F; /* gold for text on navy — 6.37:1                 */
  --slate:      #6D85AC; /* logo slate — fills and rules only              */
  --slate-text: #4A628A; /* slate for text on light — 6.17:1               */
  --cream:      #F2E6D2; /* warm section ground                            */
  --cream-2:    #FAF4EA; /* subtle warm ground                             */
  --white:      #FFFFFF;

  /* --- Semantic surfaces ------------------------------------------------ */
  --surface:            var(--white);
  --surface-warm:       var(--cream-2);
  --surface-warm-deep:  var(--cream);
  --surface-dark:       var(--ink);
  --surface-dark-raised:var(--navy-2);

  /* --- Semantic text ---------------------------------------------------- */
  --text-strong:      var(--navy);   /* 17.4:1 on white                    */
  --text-body:        #33445C;       /*  9.9:1 on white, 8.0:1 on cream    */
  --text-accent:      var(--gold-text);
  --text-on-dark:     var(--white);  /* 19.1:1 on ink                      */
  --text-muted-dark:  #B9C6D8;       /* 11.0:1 on ink                      */
  --text-accent-dark: var(--gold-lt);/*  6.4:1 on navy                     */

  /* --- Lines & edges ---------------------------------------------------- */
  --rule:        #E2D9C9;            /* warm hairline on light             */
  --rule-strong: #C9BCA6;
  --rule-dark:   #24405C;            /* hairline on navy                   */
  --edge-gold:   var(--gold);        /* 3.97:1 on white — meets 1.4.11     */
  /* The focus ring is a non-text indicator: SC 1.4.11 wants 3:1 against
     whatever sits behind it. --gold-lt is tuned for navy and measures only
     2.73:1 on white and 2.49:1 on cream, so light grounds take --gold
     (3.97:1 on white, 3.21:1 on cream) and .on-dark restores --gold-lt. */
  --focus:       var(--gold);

  /* --- Type ------------------------------------------------------------- */
  /* Aptos Display is the cut Microsoft designed for headline sizes; Aptos is
     the text cut. Aptos has no 500 weight, so 500 resolves to 400 — the type
     scale uses 600/700 for emphasis instead. */
  --font-display: "Aptos Display", "Aptos", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Aptos", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Fluid scale. Body never drops below 16px; small text never below 14px. */
  --t-hero:   clamp(2.6rem, 1.4rem + 4.2vw, 5rem);
  --t-h1:     clamp(2.1rem, 1.4rem + 2.6vw, 3.5rem);
  --t-h2:     clamp(1.7rem, 1.25rem + 1.7vw, 2.6rem);
  --t-h3:     clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem);
  --t-lead:   clamp(1.06rem, 1rem + 0.42vw, 1.32rem);
  --t-body:   1rem;
  --t-small:  0.9375rem;
  --t-eyebrow:0.8125rem;

  /* --- Space ------------------------------------------------------------ */
  --s-1: 0.25rem; --s-2: 0.5rem;  --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;    --s-7: 3rem;    --s-8: 4rem;
  --s-9: 6rem;    --s-10: 8rem;
  --section-y: clamp(4rem, 2rem + 7vw, 7.5rem);
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --measure: 68ch;
  --shell: 1200px;

  /* --- Form ------------------------------------------------------------- */
  --r-sm: 2px; --r-md: 4px; --r-lg: 8px;
  --shadow-1: 0 1px 2px rgba(4,16,31,.06), 0 8px 24px -12px rgba(4,16,31,.18);
  --shadow-2: 0 2px 4px rgba(4,16,31,.07), 0 24px 48px -24px rgba(4,16,31,.28);
}