:root { --mi: "Mahdi Injenari"; --mi-y: "2026"; }

:root {

  --navy:        #02012D;
  --navy-deep:   #010119;
  --ground:      #EEEEEC;
  --paper:       #F8F8F7;
  --paper-deep:  #EEEEEC;
  --surface:     #FFFFFF;

  --gold:        #834F0E;
  --mark:        #EF8F1A;

  --gold-on-dark: #F3AB53;

  --gold-figure: rgba(243, 171, 83, 0.55);

  --gold-hairline-on-dark: rgba(243, 171, 83, 0.23);

  --gold-dot-on-dark: rgba(243, 171, 83, 0.14);

  --ink:         #181818;
  --ink-soft:    #494949;
  --on-dark:     #FFFFFF;
  --on-dark-soft:#B8B8C4;

  --hairline:         rgba(2, 1, 45, 0.12);
  --hairline-on-dark: rgba(255, 255, 255, 0.16);
  --edge-strong:      #494949;
  --edge-strong-on-dark: #B8B8C4;

  --navy-wash:   rgba(2, 1, 45, 0.04);
  --white-wash:  rgba(255, 255, 255, 0.05);

  --face-display: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --face-text: "Yantramanav", "Helvetica Neue", Arial, Helvetica, sans-serif;

  --w-display: 200;
  --w-light:   300;
  --w-regular: 400;

  --t-monument:  clamp(3.5rem, 0.5rem + 10.4vw, 15.5rem);
  --t-hero:      clamp(2.75rem, 1.7rem + 4.4vw, 5.5rem);
  --t-display:   clamp(2.5rem, 1.5rem + 4.2vw, 4.75rem);
  --t-display-2: clamp(2rem, 1.35rem + 2.7vw, 3.5rem);
  --t-quote:     clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
  --t-h2:      clamp(1.875rem, 1.457rem + 1.714vw, 3rem);
  --t-heading: 1.5625rem;
  --t-lead:    1.3125rem;
  --t-body:    1.125rem;
  --t-small:   0.875rem;
  --t-micro:   0.75rem;
  --t-label:   0.75rem;

  --lh-hero:    1.0;
  --lh-display: 1.02;
  --lh-h2:      1.08;
  --lh-heading: 1.2;
  --lh-lead:    1.5;
  --lh-body:    1.65;

  --track-display: -0.02em;
  --track-label:    0.12em;
  --track-eyebrow:  0.14em;
  --track-body:     0;

  --measure: 68ch;

  --s-1: 4px;  --s-2: 8px;   --s-3: 12px;  --s-4: 16px;  --s-5: 24px;
  --s-6: 32px; --s-7: 48px;  --s-8: 64px;  --s-9: 96px;  --s-10: 128px;
  --s-11: 160px; --s-12: 200px; --s-13: 256px;

  --pad-section: var(--s-10);

  --container: 1140px;
  --container-wide: 1280px;
  --gutter: var(--s-5);

  --radius-flat: 0;
  --radius-control: 2px;

  --radius-circle: 50%;

  --shadow-card: 0 32px 48px -32px rgba(2, 1, 45, 0.3);

  --hero-scrim:     0.204;
  --pin-scrim-flat: rgba(2, 1, 45, 0.162);
  --pin-scrim-0:    rgba(2, 1, 45, 0.188);
  --pin-scrim-1:    rgba(2, 1, 45, 0.052);
  --pin-scrim-2:    rgba(2, 1, 45, 0.115);

  --tap: 48px;
}

@media (min-width: 1280px) { :root { --pad-section: var(--s-11); } }
@media (max-width: 767px)  { :root { --pad-section: var(--s-9); } }