/* Dakkal — design tokens
   Colour, type, spacing. Loaded before components. */

:root{
    --ink:#0C1213;
    --ink-2:#0F1718;
    --panel:#131F1E;
    --panel-2:#182726;
    --line:rgba(219,226,227,.10);
    --line-2:rgba(219,226,227,.16);
    --teal:#1D92AF;
    --cyan:#22AFD3;
    --green:#2D9F79;
    --haze:#EBFBFF;
    --text:#EAEFEF;
    --muted:#98A6A8;
    --faint:#67767A;
    --mono:"Space Grotesk",ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
    --sans:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --maxw:1200px;
    --pad:clamp(20px,5vw,64px);
  }

/* Light theme scope: re-maps tokens for light sections */
.light{
    --ink:#F4F5F6;      /* section background */
    --ink-2:#FFFFFF;    /* cells / raised surfaces */
    --panel:#FFFFFF;    /* cards */
    --panel-2:#EBFBFF;  /* tinted hover */
    --line:rgba(56,64,66,.13);
    --line-2:rgba(56,64,66,.20);
    --text:#2B3234;
    --muted:#5E6B6E;
    --faint:#718084;
    background:var(--ink);
    color:var(--text);
  }