/* فَلَك — tokens.css: the ONLY source of color. Components reference var(--*) exclusively. */
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url("fonts/plex-arabic-arabic-400.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+204F,U+2E41}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url("fonts/plex-arabic-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url("fonts/plex-arabic-arabic-500.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+204F,U+2E41}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:500;font-display:swap;src:url("fonts/plex-arabic-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url("fonts/plex-arabic-arabic-600.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+204F,U+2E41}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url("fonts/plex-arabic-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-display:swap;src:url("fonts/plex-arabic-arabic-700.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+204F,U+2E41}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:700;font-display:swap;src:url("fonts/plex-arabic-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ink:#131A1F;
  --ocean:#1A2332;
  --limestone:#EAE7E0;
  --raised:#F4F2EC;
  --copper:#8A6520;
  --copper-paper:#7A5818;
  --copper-glow:#C29A4E;
  --verdigris:#2E7A63;
  --verdigris-paper:#256652;
  --verdigris-glow:#6FB39C;
  --muted-paper:#4A555B;
  --muted-night:#9AA5AB;
  /* Globe-material derivatives — mixed from the tokens above only */
  --ocean-lit:color-mix(in oklab, var(--ocean) 88%, var(--limestone));
  --land-wash:color-mix(in oklab, var(--ocean) 66%, var(--limestone));
  --rim-copper:var(--copper-glow);
  --dur:200ms;
  --ease:ease-out;
  --font:"IBM Plex Sans Arabic",system-ui,sans-serif;
}
html,body{margin:0;height:100%;background:var(--ink);color:var(--limestone);font-family:var(--font);overflow:hidden}
*{box-sizing:border-box}
a{color:var(--copper-glow);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--limestone)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--copper-glow);outline-offset:2px}
button{font-family:inherit}
::selection{background:var(--copper);color:var(--raised)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@keyframes falak-drop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}