:root{
  /* surfaces */
  --sk-graphite:#17181A;
  --sk-graphite-raised:#202226;
  --sk-paper:#FBFAF8;
  --sk-surface:#F2F1F4;

  /* text */
  --sk-text:#17181A;
  --sk-text-muted:#5C5F66;
  --sk-text-on-dark:#FBFAF8;
  --sk-text-on-dark-muted:#A9ACB2;

  /* brand */
  --sk-violet:#5B2BE8;         /* logo, en tekst en vlakken op licht */
  --sk-violet-on-dark:#8B6BF5; /* knoppen en accenten op graphite, niet het logo */
  --sk-wash:#D8CCFB;
  --sk-pink:#FF3E8F;

  /* status */
  --sk-gold:#F0A93B;
  --sk-mint:#21C08A;           /* accent, spaarzaam */

  /* lines */
  --sk-line:rgba(23,24,26,.12);
  --sk-line-on-dark:rgba(255,255,255,.14);

  /* type */
  --sk-sans:"Aptos","Aptos Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --sk-mono:"Aptos Mono","Cascadia Mono",Consolas,ui-monospace,monospace;

  /* radius */
  --sk-r-sm:10px;
  --sk-r:16px;
  --sk-r-pill:999px;

  /* spacing */
  --sk-gutter:clamp(20px,5vw,56px);
  --sk-maxw:1160px;
}