/* Mojaya layout primitives. The source is print- and canvas-led, so the useful constants are
   the artwork geometries and the few repeated border/radius/shadow treatments — there is no
   4/8px grid in the file. */
:root{
  /* Label margins measured off the 735×974 étiquette artboards */
  --space-label-edge:42px;
  --space-label-edge-sm:15px;
  --space-deck-edge:64px;   /* wordmark inset on the 2465×1387 guideline pages */
  --space-deck-gutter:205px;

  /* Radii — pills are fully round; everything else in the brand is square */
  --radius-none:0;
  --radius-pill:999px;
  --radius-circle:50%;

  /* Hairlines. Print artwork uses sub-pixel strokes; 1px is the screen equivalent. */
  --border-width-hairline:1px;
  --border-width-pill:1px;
  --rule-opacity:0.7; /* @kind other */

  /* Shadows. The file is almost shadowless; these two are the only recurring treatments. */
  --shadow-soft:0 2.127px 2.127px 0 rgba(60,25,8,0.25);
  --shadow-print:1.595px 2.127px 2.127px 0 rgba(0,0,0,0.25);
  --shadow-inset-hairline:inset 0 0 0 1px rgba(0,0,0,0.1);

  /* Canvas sizes used by the brand's surfaces */
  --canvas-label-w:735px;   --canvas-label-h:974px;
  --canvas-post:1080px;
  --canvas-story-h:1920px;
  --canvas-deck-w:2465.841px; --canvas-deck-h:1387.035px;
  --canvas-slide-w:1920px;  --canvas-slide-h:1080px;

  /* Motion — the brand reads as still print; transitions are slow fades only */
  --ease-brand:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --duration-fade:420ms; /* @kind other */
}