/* ============================================================================
   CiraSync Platform — size and shape groups for the modular icon system.
   ----------------------------------------------------------------------------
   `assets/icons/system/icons.css` defines the component (.ic, .ic-base,
   .ic-badge, .ic-deco) and its variables. This file adds the *platform's* own
   vocabulary on top of it: the named size ladder every screen picks from, and
   the two non-default plate shapes.

   Nothing here introduces a new icon or a new combination — it only fixes the
   geometry at which the existing atoms are assembled, so two screens showing
   the same source cannot disagree about how big it is.

   Load order matters: icons.css first, this file after it.
   Mirror of EntityIconMetrics (Components/Common/IconSystem/EntityIconSize.cs);
   the two must be changed together.
   ============================================================================ */

/* ----------------------------------------------------------------------------
   Size ladder. A step only exists here if a screen renders it — three do.
   A step states its size and, where the hairline needs it, its border width.
   It does NOT state padding or badge size: both are fixed proportions living in
   icons.css (--ic-pad 15%, --ic-badge-ratio 0.54), so the composition holds the
   same shape from the densest grid to the largest card. A per-step padding is
   exactly how a badge starts reading larger on small icons than on big ones.
   ---------------------------------------------------------------------------- */
.ic--22 { --ic-size: 22px; --ic-border-w: 0.5px; }
.ic--24 { --ic-size: 24px; --ic-border-w: 0.5px; }
.ic--40 { --ic-size: 40px; }

/* ----------------------------------------------------------------------------
   Plate shapes. Circle is the default and lives in icons.css.
   ---------------------------------------------------------------------------- */

/* Rounded square — for tile grids, where a round plate reads as misaligned
   next to square neighbours. Radius is proportional so it holds at every step. */
.ic--squircle { --ic-radius: 25%; }

/* No plate — the bare mark, for inline use inside a sentence, a chip or a table
   cell that already has its own surface. */
.ic--plain {
    --ic-bg: transparent;
    --ic-border-w: 0;
    --ic-pad: 0%;
}

/* ----------------------------------------------------------------------------
   Badge foreground. Badge atoms carry their own colours, but the few that are
   drawn on currentColor must not inherit a page text colour that makes them
   disappear on the white disc. A stroke mark also reads larger than a filled
   brand mark at the same box, so the chip badges — a white mark on a filled
   disc — sit on a smaller share of the disc than the 68% the brand atoms use.
   ---------------------------------------------------------------------------- */
.ic-badge svg { color: var(--color-text, #1e2d3b); }

.ic-badge.chip-green svg,
.ic-badge.chip-red svg { width: 54%; height: 54%; }