/*
 * Custom page status icons for the spec lifecycle.
 *
 * Every spec under docs/development/specs/ already carries a `status:`
 * frontmatter key (draft/approved/rejected/implemented) — this CSS is what
 * turns that into a small icon next to the page's title in the nav sidebar.
 * No change to any spec file is needed; the mechanism is purely additive.
 *
 * Each --md-status--* variable is an inline SVG from the Material Design
 * icon set. The mask-image technique lets the icon colour follow the
 * current theme (light / dark) automatically.
 *
 * Reference: https://squidfunk.github.io/mkdocs-material/reference/#setting-the-page-status
 */

:root {
  /* pencil – under discussion, not yet implementable */
  --md-status--draft: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25z"/></svg>');

  /* check-decagram – reviewed and accepted, safe to implement */
  --md-status--approved: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m23 12-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12m-12.91 4.72-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>');

  /* check-circle – shipped */
  --md-status--implemented: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');

  /* close-circle – considered and declined, kept as the record */
  --md-status--rejected: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>');
}

.md-status--draft::after,
.md-status--DRAFT::after {
  mask-image: var(--md-status--draft);
}

.md-status--approved::after,
.md-status--APPROVED::after {
  mask-image: var(--md-status--approved);
}

.md-status--implemented::after,
.md-status--IMPLEMENTED::after {
  mask-image: var(--md-status--implemented);
}

.md-status--rejected::after,
.md-status--REJECTED::after {
  mask-image: var(--md-status--rejected);
}