/* Instagrafite Homie v1.0.0. Valores canônicos: DESIGN_TOKENS.json */
:root {
  --color-ink: #0B0B0B;
  --color-paper: #F3EFE6;
  --color-acid: #D8FF00;
  --color-red: #FF3C2F;
  --color-lav: #D8C8FF;
  --color-white: #FFFFFF;
  --color-muted: #625F59;
  --color-disabled: #D0CEC7;
  --color-line: #8A8780;
  --font-display: "Arial Black", "Archivo Black", Arial, sans-serif;
  --font-sans: "Helvetica Neue", Arial, "Arimo", sans-serif;
  --font-serif: "Times New Roman", "Tinos", Times, serif;
  --font-portable-display: Archivo Black;
  --font-portable-sans: Arimo;
  --font-portable-serif: Tinos;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --layout-max-width: 1440px;
  --layout-columns-desktop: 12;
  --layout-columns-tablet: 8;
  --layout-columns-mobile: 4;
  --layout-gutter-desktop: 32px;
  --layout-gutter-mobile: 16px;
  --layout-margin-mobile: 20px;
  --layout-breakpoint-mobile: 760px;
  --layout-breakpoint-tablet: 1100px;
  --type-display-min: 48px;
  --type-display-max: 160px;
  --type-display-line-height: 0.95;
  --type-display-tracking: -0.045em;
  --type-heading-min: 32px;
  --type-heading-max: 80px;
  --type-heading-line-height: 1.0;
  --type-heading-tracking: -0.035em;
  --type-body-size: 18px;
  --type-body-line-height: 1.5;
  --type-label-size: 12px;
  --type-label-line-height: 1.25;
  --type-label-tracking: 0.08em;
  --logo-min-digital-width: 128px;
  --logo-recommended-digital-width: 160px;
  --logo-min-print-width-mm: 30mm;
  --logo-clearspace-fraction-width: 0.08;
  --motion-fast-ms: 160ms;
  --motion-normal-ms: 240ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-reduced-ms: 0ms;
  --social-square-width: 1080px;
  --social-square-height: 1080px;
  --social-portrait-width: 1080px;
  --social-portrait-height: 1350px;
  --social-story-width: 1080px;
  --social-story-height: 1920px;
  --social-horizontal-width: 1920px;
  --social-horizontal-height: 1080px;
  --social-safe-story-left: 72px;
  --social-safe-story-right: 72px;
  --social-safe-story-top: 280px;
  --social-safe-story-bottom: 400px;
  --social-safe-feed: 72px;
}
