/*
 * Design token CSS variables - Synced with theme.json
 * Version: 1.1.0
 * Note: Runtime color tokens are output by class-design-tokens.php via wp_head.
 *       This file only defines WordPress preset slots and static layout tokens.
 */

:root {
  /* WordPress block editor color preset slots — updated to neutral defaults.
     Users set real values via Theme Options → Appearance in the Mishkaat admin. */
  --wp--preset--color--mk-black:   #1a1a1a;
  --wp--preset--color--mk-dark:    #2e2e2e;
  --wp--preset--color--mk-jet:     #444444;
  --wp--preset--color--mk-white:   #ffffff;
  --wp--preset--color--mk-primary: #333333;
  --wp--preset--color--mk-mid:     #777777;
  --wp--preset--color--mk-muted:   #999999;

  /* Typography */
  --wp--preset--font-family--mk: "Montserrat", -apple-system, sans-serif;

  --wp--preset--font-size--mk-h1:   64px;
  --wp--preset--font-size--mk-h2:   56px;
  --wp--preset--font-size--mk-h3:   48px;
  --wp--preset--font-size--mk-h4:   40px;
  --wp--preset--font-size--mk-h5:   32px;
  --wp--preset--font-size--mk-h6:   24px;
  --wp--preset--font-size--mk-body: 16px;
  --wp--preset--font-size--mk-sub:  18px;
  --wp--preset--font-size--mk-nav:  12px;

  /* Custom typography tokens */
  --mk-lh-h1:   74px;
  --mk-lh-body: 26px;
  --mk-lh-sub:  28px;

  --mk-ls-nav:   1.2px;
  --mk-ls-label: 2px;
  --mk-ls-micro: 2.5px;

  /* Layout */
  --wp--style--global--content-size: 1200px;
  --wp--style--global--wide-size:    1400px;

  /* Misc */
  --mk-radius: 0px;
}