/* KAZUKI — Spacing & Layout Tokens
   8px base rhythm, plus post-canvas dimensions and safe margins. */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   24px;
  --space-6:   32px;
  --space-7:   48px;
  --space-8:   64px;
  --space-9:   96px;
  --space-10:  128px;

  /* ---- Radii (restrained — luxury favors sharp edges & thin frames) ---- */
  --radius-none:  0px;
  --radius-xs:    2px;
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-pill:  999px;

  /* ---- Border widths ---- */
  --border-hair:   1px;
  --border-thin:   1.5px;
  --border-frame:  2px;   /* ornamental gold frame */
  --border-bold:   3px;

  /* ---- Canvas dimensions (social formats) ---- */
  --canvas-feed:        1080px; /* square feed post */
  --canvas-story-w:     1080px;
  --canvas-story-h:     1920px;

  /* ---- Safe margins inside canvases ---- */
  --safe-feed:    72px;   /* inner padding for 1080² feed posts */
  --safe-story:   88px;   /* inner padding for 1080×1920 stories */
  --frame-inset:  40px;   /* distance of ornamental frame from edge */

  /* ---- Component sizing ---- */
  --control-h-sm:  40px;
  --control-h-md:  52px;
  --control-h-lg:  64px;
}