/* FAIM presentation system for IKTVA 2027, tuned to the iktva Forum 2027 identity:
   navy text at high contrast, iktva blue and gold accents, square uppercase buttons, Montserrat for headings and controls.
   Linked by every page so the landing page, presentation, sessions and 3D read as one product. */
@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(fonts/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(fonts/montserrat-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Montserrat;font-weight:700 800;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:300;font-display:swap;src:url(fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:400;font-display:swap;src:url(fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:500;font-display:swap;src:url(fonts/jost-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Jost;font-weight:600 800;font-display:swap;src:url(fonts/jost-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:"Noto Sans Arabic";font-weight:300 500;font-display:swap;src:url(fonts/noto-sans-arabic-arabic-400-normal.woff2) format('woff2')}
@font-face{font-family:"Noto Sans Arabic";font-weight:600 800;font-display:swap;src:url(fonts/noto-sans-arabic-arabic-600-normal.woff2) format('woff2')}
/* tokens: every page's own names are mapped to the same iktva-tuned values */
html:root:not(.keep-dark){
  --font:Jost,"Noto Sans Arabic",Arial,sans-serif; --font-h:Montserrat,"Noto Sans Arabic",Arial,sans-serif;
  --ik-navy:#0E1C2D; --ik-blue:#2F72AE; --ik-blue2:#377EBD; --ik-sky:#79AECC; --ik-gold:#C6993B; --ik-gold-t:#8C6720; --ik-green:#03332A; --ik-stone:#D3D3D1;
  --ink:#0E1C2D; --mute:#47566A; --line:#D9DEE4;
  --cy:#2F72AE; --g:#2F72AE; --g2:#2F72AE; --cu:#8C6720;
  --paper:#F5F6F7; --bg:#F5F6F7; --void:#F5F6F7; --mist:#ECEFF2; --surf:#fff; --panel:#fff; --s1:#fff; --s2:#F2F4F6; --s3:#ECEFF2;
  --cyS:#E8F0F8; --cuS:#F7F1E4;
}
html,body,button,input,select,textarea,a{font-family:var(--font)!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html:not(.keep-dark) h1,html:not(.keep-dark) h2,html:not(.keep-dark) h3,html:not(.keep-dark) .k,html:not(.keep-dark) .eyebrow{font-family:var(--font-h)!important}
/* buttons in the iktva manner: square, uppercase, confident */
html:not(.keep-dark) body .pill,html:not(.keep-dark) body .btn,html:not(.keep-dark) body .faim-btn{border-radius:3px!important;font-family:var(--font-h)!important;text-transform:uppercase;letter-spacing:.045em;font-weight:600!important;font-size:15px!important}
html:not(.keep-dark) body .pill.p,html:not(.keep-dark) body .btn.p{background:var(--ik-navy)!important;border-color:var(--ik-navy)!important;color:#fff!important}
html:not(.keep-dark) body .pill.cu,html:not(.keep-dark) body .btn.cu{background:var(--ik-gold)!important;border-color:var(--ik-gold)!important;color:var(--ik-navy)!important}
html:not(.keep-dark) body .pill.cy{background:var(--ik-blue)!important;border-color:var(--ik-blue)!important;color:#fff!important}
html:not(.keep-dark) body .pill:not(.p):not(.cu):not(.cy):not(.on),html:not(.keep-dark) body .btn:not(.p):not(.cu):not(.on){border-color:#BFC7D0}
html:not(.keep-dark) body .pill .arr{border-radius:2px!important}
[dir=rtl] .pill,[dir=rtl] .btn{letter-spacing:0!important;text-transform:none}
:focus-visible{outline:3px solid rgba(47,114,174,.55);outline-offset:2px}
/* iktva-style display headline: deep blue gradient, still readable on light grounds */
.ik-grad{background:linear-gradient(90deg,#1E5E9A,#377EBD 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* larger reading sizes everywhere */
html:not(.keep-dark) body p,html:not(.keep-dark) body li{font-size:max(17px,1em)}
html:not(.keep-dark) body small,html:not(.keep-dark) body .note,html:not(.keep-dark) body .disc{font-size:max(14px,1em)!important}
@media (max-width:700px){html:not(.keep-dark) body p,html:not(.keep-dark) body li{font-size:max(16px,1em)}html:not(.keep-dark) body .pill,html:not(.keep-dark) body .btn{font-size:14px!important}}