/* Haiku space & shape — the "2x Grid": divisions of two (2, 4, 8, 16, 32, 64).
   Artboard values come from the 1920×1080 brandbook pages. */
:root{
  --space-1:2px;
  --space-2:4px;
  --space-3:8px;
  --space-4:16px;
  --space-5:32px;
  --space-6:64px;
  --space-7:128px;

  /* Literal artboard measures used across the Brand Tool Kit */
  --page-margin:40px;      /* 1920px artboard side margin */
  --page-header-top:48px;  /* page title / furniture baseline offset */
  --deck-margin:60px;      /* deck logo inset */
  --column-gap:24px;
  --measure-body:1142px;   /* brandbook body copy column */
  --measure-lead:1375px;   /* opening statement column */

  --radius-none:0;
  --radius-card:6px;       /* deck cards */
  --radius-panel:30px;     /* large media panels */
  --radius-full:9999px;    /* avatars, pills */

  --border-hairline:1px;
  --border-icon:1.5px;     /* Tabler icon stroke */
  --border-frame:2px;      /* red spec frames in the brandbook */

  --shadow-card:0 2px 5px 0 rgba(0,0,0,.1);
  --shadow-raised:0 8px 24px 0 rgba(25,25,25,.12);
  --shadow-icon:0 12px 32px 0 rgba(251,55,71,.28);

  --ring-inverse:0 0 0 8px #FFFFFF;   /* white keyline around avatars on red */

  --ease-standard:cubic-bezier(.4,0,.2,1);   /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1);         /* @kind other */
  --duration-fast:120ms;                     /* @kind other */
  --duration-base:200ms;                     /* @kind other */
  --duration-slow:400ms;                     /* @kind other */
}