{
  "schemaVersion": 1,
  "organization": "6am",
  "version": "0.7.0",
  "status": "Piloto",
  "gradients": [
    {
      "id": "first-light",
      "family": "linear",
      "layers": [
        {
          "type": "linear",
          "angle": 120,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 100,
              "opacity": 1
            }
          ]
        }
      ],
      "base": "white",
      "status": "pilot",
      "title": "Primeira luz",
      "description": "O lime se abre em branco. Use em uma mensagem curta de campanha, capa ou divisória editorial.",
      "textRule": "Use letras ink e o logo para fundo claro. Mantenha a mensagem curta e confira a composição final.",
      "variable": "--ds-gradient-first-light",
      "css": "linear-gradient(120deg, #E3FF04 0%, #FFFFFF 100%), #FFFFFF"
    },
    {
      "id": "quiet-depth",
      "family": "linear",
      "layers": [
        {
          "type": "linear",
          "angle": 135,
          "stops": [
            {
              "color": "support",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 100,
              "opacity": 1
            }
          ]
        }
      ],
      "base": "ink",
      "status": "pilot",
      "title": "Profundidade suave",
      "description": "O grafite se transforma em ink. Um fundo discreto para aberturas, encerramentos e histórias de serviços.",
      "textRule": "Use letras brancas e o logo para fundo escuro. Mantenha o lime como um pequeno destaque sólido.",
      "variable": "--ds-gradient-quiet-depth",
      "css": "linear-gradient(135deg, #252525 0%, #0A0C00 100%), #0A0C00"
    },
    {
      "id": "lime-field",
      "family": "field",
      "layers": [
        {
          "type": "radial",
          "x": 15,
          "y": 20,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "lime",
              "position": 75,
              "opacity": 0
            }
          ]
        },
        {
          "type": "radial",
          "x": 90,
          "y": 90,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 0.45
            },
            {
              "color": "lime",
              "position": 65,
              "opacity": 0
            }
          ]
        }
      ],
      "base": "white",
      "status": "pilot",
      "title": "Campo lime",
      "description": "Dois focos de lime sobre branco criam um fundo suave e aberto para peças de campanha.",
      "textRule": "Mantenha texto e logo completo em um painel sólido branco ou ink. Deixe o campo de luz como decoração.",
      "variable": "--ds-gradient-lime-field",
      "css": "radial-gradient(ellipse at 15% 20%, #E3FF04 0%, rgba(227, 255, 4, 0) 75%), radial-gradient(ellipse at 90% 90%, rgba(227, 255, 4, 0.45) 0%, rgba(227, 255, 4, 0) 65%), #FFFFFF"
    },
    {
      "id": "night-glow",
      "family": "field",
      "layers": [
        {
          "type": "radial",
          "x": 90,
          "y": 15,
          "stops": [
            {
              "color": "lime",
              "position": 0,
              "opacity": 0.55
            },
            {
              "color": "lime",
              "position": 65,
              "opacity": 0
            }
          ]
        },
        {
          "type": "radial",
          "x": 10,
          "y": 90,
          "stops": [
            {
              "color": "support",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "support",
              "position": 70,
              "opacity": 0
            }
          ]
        }
      ],
      "base": "ink",
      "status": "pilot",
      "title": "Brilho noturno",
      "description": "Um brilho lime encontra o grafite sobre ink. Use em uma única capa expressiva ou transição.",
      "textRule": "Coloque texto e logo completo em um painel opaco. Não deduza o contraste apenas pelo fundo escuro.",
      "variable": "--ds-gradient-night-glow",
      "css": "radial-gradient(ellipse at 90% 15%, rgba(227, 255, 4, 0.55) 0%, rgba(227, 255, 4, 0) 65%), radial-gradient(ellipse at 10% 90%, #252525 0%, rgba(37, 37, 37, 0) 70%), #0A0C00"
    },
    {
      "id": "ink-overlay",
      "family": "overlay",
      "layers": [
        {
          "type": "linear",
          "angle": 90,
          "stops": [
            {
              "color": "ink",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 25,
              "opacity": 1
            },
            {
              "color": "ink",
              "position": 70,
              "opacity": 0
            }
          ]
        }
      ],
      "base": null,
      "status": "pilot",
      "title": "Sobreposição ink",
      "description": "Uma borda sólida ink se dissolve na imagem. Use quando texto claro precisa de uma área tranquila ao lado do assunto.",
      "textRule": "Coloque texto branco no primeiro quarto opaco ou em um painel ink sólido. Preserve rostos e detalhes importantes fora da transição.",
      "variable": "--ds-gradient-ink-overlay",
      "css": "linear-gradient(90deg, #0A0C00 0%, #0A0C00 25%, rgba(10, 12, 0, 0) 70%)"
    },
    {
      "id": "white-overlay",
      "family": "overlay",
      "layers": [
        {
          "type": "linear",
          "angle": 90,
          "stops": [
            {
              "color": "white",
              "position": 0,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 25,
              "opacity": 1
            },
            {
              "color": "white",
              "position": 70,
              "opacity": 0
            }
          ]
        }
      ],
      "base": null,
      "status": "pilot",
      "title": "Sobreposição branca",
      "description": "Uma borda branca sólida se abre para a imagem. Use em uma composição leve com letras escuras.",
      "textRule": "Coloque texto ink no primeiro quarto opaco ou em um painel branco sólido. Não apague pele, produtos ou evidências.",
      "variable": "--ds-gradient-white-overlay",
      "css": "linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 25%, rgba(255, 255, 255, 0) 70%)"
    }
  ],
  "typeRoles": [
    {
      "id": "display",
      "family": "display",
      "minPx": 44,
      "maxPx": 76,
      "weight": 800,
      "lineHeight": 1.02,
      "trackingEm": -0.02,
      "measureCh": 20,
      "style": "normal",
      "name": "Título de abertura",
      "usage": "Uma promessa clara. Busque duas ou três linhas; edite antes de diminuir a fonte.",
      "sample": "Abra espaço para melhorar.",
      "css": "font-family: var(--6am-font-display, \"Big Shoulders\", Impact, sans-serif);\nfont-size: clamp(2.75rem, 1.892857rem + 3.809524vw, 4.75rem);\nfont-weight: 800;\nfont-style: normal;\nline-height: 1.02;\nletter-spacing: -0.02em;\nmax-width: 20ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "section",
      "family": "display",
      "minPx": 28,
      "maxPx": 40,
      "weight": 800,
      "lineHeight": 1.12,
      "trackingEm": -0.02,
      "measureCh": 28,
      "style": "normal",
      "name": "Título de seção",
      "usage": "Introduza o próximo assunto. Separe tamanho visual de nível semântico do título.",
      "sample": "Um site que as pessoas conseguem usar.",
      "css": "font-family: var(--6am-font-display, \"Big Shoulders\", Impact, sans-serif);\nfont-size: clamp(1.75rem, 1.428571rem + 1.428571vw, 2.5rem);\nfont-weight: 800;\nfont-style: normal;\nline-height: 1.12;\nletter-spacing: -0.02em;\nmax-width: 28ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "subheading",
      "family": "body",
      "minPx": 22,
      "maxPx": 28,
      "weight": 600,
      "lineHeight": 1.3,
      "trackingEm": 0,
      "measureCh": 40,
      "style": "normal",
      "name": "Subtítulo",
      "usage": "Explique um grupo de conteúdo ou nomeie um detalhe útil.",
      "sample": "Páginas claras. Um próximo passo simples.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: clamp(1.375rem, 1.214286rem + 0.714286vw, 1.75rem);\nfont-weight: 600;\nfont-style: normal;\nline-height: 1.3;\nletter-spacing: 0em;\nmax-width: 40ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "lead",
      "family": "body",
      "minPx": 18,
      "maxPx": 22,
      "weight": 400,
      "lineHeight": 1.5,
      "trackingEm": 0,
      "measureCh": 55,
      "style": "normal",
      "name": "Parágrafo de abertura",
      "usage": "Conecte o título aos detalhes. Mantenha um parágrafo curto.",
      "sample": "Ajude as pessoas a entender seu negócio e dar o próximo passo.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: clamp(1.125rem, 1.017857rem + 0.47619vw, 1.375rem);\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: 0em;\nmax-width: 55ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "body",
      "family": "body",
      "minPx": 16,
      "maxPx": 16,
      "weight": 400,
      "lineHeight": 1.6,
      "trackingEm": 0,
      "measureCh": 65,
      "style": "normal",
      "name": "Corpo de texto",
      "usage": "Use em explicações e leitura contínua. Mantenha um comprimento de linha confortável.",
      "sample": "Seu próximo cliente precisa entender o que você faz e como falar com você. Comece pela informação necessária e deixe o próximo passo fácil de encontrar.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: 1rem;\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.6;\nletter-spacing: 0em;\nmax-width: 65ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "label",
      "family": "body",
      "minPx": 16,
      "maxPx": 16,
      "weight": 600,
      "lineHeight": 1.4,
      "trackingEm": 0,
      "measureCh": 40,
      "style": "normal",
      "name": "Rótulos e ações",
      "usage": "Use caixa de frase e uma ação clara. Permita quebra em rótulos; mantenha campos em pelo menos 16 px.",
      "sample": "Receber uma proposta",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: 1rem;\nfont-weight: 600;\nfont-style: normal;\nline-height: 1.4;\nletter-spacing: 0em;\nmax-width: 40ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "caption",
      "family": "body",
      "minPx": 14,
      "maxPx": 14,
      "weight": 400,
      "lineHeight": 1.5,
      "trackingEm": 0,
      "measureCh": 65,
      "style": "normal",
      "name": "Legenda",
      "usage": "Explique detalhes de apoio. Não esconda instruções essenciais em letras pequenas.",
      "sample": "Um exemplo de trabalho, pronto para revisar.",
      "css": "font-family: var(--6am-font-body, \"Onest\", Arial, sans-serif);\nfont-size: 0.875rem;\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.5;\nletter-spacing: 0em;\nmax-width: 65ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "metadata",
      "family": "mono",
      "minPx": 12,
      "maxPx": 12,
      "weight": 400,
      "lineHeight": 1.6,
      "trackingEm": 0.02,
      "measureCh": 65,
      "style": "normal",
      "name": "Metadados e código",
      "usage": "Reserve para versões, tokens e valores técnicos. Não componha parágrafos em mono.",
      "sample": "VERSION 0.7.0 / #E3FF04",
      "css": "font-family: var(--6am-font-mono, \"Geist Mono\", monospace);\nfont-size: 0.75rem;\nfont-weight: 400;\nfont-style: normal;\nline-height: 1.6;\nletter-spacing: 0.02em;\nmax-width: 65ch;\noverflow-wrap: anywhere;"
    },
    {
      "id": "accent",
      "family": "accent",
      "minPx": 28,
      "maxPx": 40,
      "weight": 500,
      "lineHeight": 1.2,
      "trackingEm": 0,
      "measureCh": 28,
      "style": "italic",
      "name": "Destaque editorial",
      "usage": "Use uma frase curta em itálico uma vez por composição. Mantenha a mensagem principal nas famílias primárias.",
      "sample": "Um pouco mais humano.",
      "css": "font-family: var(--6am-font-accent, \"Fraunces\", Georgia, serif);\nfont-size: clamp(1.75rem, 1.428571rem + 1.428571vw, 2.5rem);\nfont-weight: 500;\nfont-style: italic;\nline-height: 1.2;\nletter-spacing: 0em;\nmax-width: 28ch;\noverflow-wrap: anywhere;"
    }
  ],
  "layout": {
    "status": "pilot",
    "maxWidthPx": 1200,
    "grids": [
      {
        "id": "small",
        "minWidthPx": 0,
        "columns": 4,
        "gutterPx": 16,
        "marginPx": 16,
        "cardSpan": 4,
        "title": "Pequeno"
      },
      {
        "id": "medium",
        "minWidthPx": 640,
        "columns": 8,
        "gutterPx": 24,
        "marginPx": 24,
        "cardSpan": 4,
        "title": "Médio"
      },
      {
        "id": "large",
        "minWidthPx": 1024,
        "columns": 12,
        "gutterPx": 24,
        "marginPx": 32,
        "cardSpan": 4,
        "title": "Amplo"
      }
    ],
    "densities": [
      {
        "id": "compact",
        "paddingPx": 24,
        "gapPx": 16,
        "title": "Compacto"
      },
      {
        "id": "comfortable",
        "paddingPx": 32,
        "gapPx": 24,
        "title": "Confortável"
      }
    ],
    "spacingRoles": [
      {
        "id": "detail",
        "values": [
          4,
          8
        ],
        "title": "Detalhes próximos",
        "text": "Ícone e rótulo, rótulo e ajuda."
      },
      {
        "id": "group",
        "values": [
          16,
          24
        ],
        "title": "Conteúdo relacionado",
        "text": "Título, explicação e ação da mesma decisão."
      },
      {
        "id": "container",
        "values": [
          24,
          32
        ],
        "title": "Respiro dentro do bloco",
        "text": "Padding de cards e painéis, sem reduzir a leitura."
      },
      {
        "id": "section",
        "values": [
          48,
          64,
          96
        ],
        "title": "Separação entre assuntos",
        "text": "Distância entre grupos e seções; aumente quando o assunto mudar."
      }
    ],
    "motion": [
      {
        "id": "quick",
        "durationMs": 120,
        "offsetPx": 4,
        "title": "Resposta rápida",
        "text": "Feedback curto em controles pequenos."
      },
      {
        "id": "standard",
        "durationMs": 220,
        "offsetPx": 4,
        "title": "Mudança de estado",
        "text": "Referência existente para hover, foco e seleção."
      },
      {
        "id": "reveal",
        "durationMs": 320,
        "offsetPx": 8,
        "title": "Entrada de detalhe",
        "text": "Revelar um pequeno painel após uma ação explícita."
      }
    ],
    "layers": [
      {
        "id": "content",
        "value": 0,
        "title": "Conteúdo",
        "text": "Fluxo normal e elementos decorativos locais."
      },
      {
        "id": "sticky",
        "value": 10,
        "title": "Navegação fixa",
        "text": "Cabeçalho ou navegação, sem esconder conteúdo focado."
      },
      {
        "id": "popover",
        "value": 20,
        "title": "Menu contextual",
        "text": "Menus próximos ao controle de origem."
      },
      {
        "id": "overlay",
        "value": 30,
        "title": "Fundo de modal",
        "text": "Fundo que separa um diálogo do restante da página."
      },
      {
        "id": "dialog",
        "value": 40,
        "title": "Diálogo",
        "text": "Conteúdo modal; gerencie foco, Escape e retorno ao acionador."
      }
    ],
    "ui": {
      "label": "04 / Espaço e movimento",
      "title": "Espaço para entender. Movimento que explica.",
      "intro": "O espaço mostra o que pertence ao mesmo grupo. O movimento mostra o que mudou. Use ambos para deixar o próximo passo claro.",
      "spacingTitle": "Uma escala. Relações diferentes.",
      "spacingText": "Reutilize os passos existentes de 4–96 px. Um intervalo pequeno conecta detalhes; um maior separa decisões. Escolha o papel antes do número.",
      "copyToken": "Copiar token",
      "densityTitle": "Espaço ao redor da mesma ideia.",
      "densityText": "Compare duas receitas de card sem mudar palavras ou tamanho de fonte. A compacta atende conteúdo repetido; a confortável dá mais espaço a uma introdução. Os valores são padding e gap, não alturas fixas.",
      "sampleLabel": "UM PRÓXIMO PASSO CLARO",
      "sampleTitle": "Comece pelo que importa.",
      "sampleBody": "Explique o detalhe útil. Mantenha a ação próxima para mostrar a conexão.",
      "sampleAction": "Explore o design system",
      "padding": "Padding",
      "gap": "Intervalo",
      "copySpacing": "Copiar CSS do card",
      "gridTitle": "Um grid compartilhado, com espaço para adaptar.",
      "gridText": "Use 4, 8 ou 12 colunas conforme a tela cresce. Alinhe textos, imagens e ações relacionados às mesmas bordas. O contêiner para em 1200 px, sem contar as margens externas.",
      "gridNote": "Este é um diagrama de grid em escala, não um simulador de dispositivo. Os números descrevem a receita CSS real. Cards empilham em telas pequenas, usam duas colunas em médias e três em amplas.",
      "columns": "Colunas",
      "gutter": "Entre colunas",
      "margin": "Margem externa",
      "breakpoint": "A partir da tela",
      "gridCaption": "Cada bloco representa um card. As colunas decorativas mostram o alinhamento comum.",
      "copyGrid": "Copiar CSS do grid responsivo",
      "rhythmTitle": "Mantenha o ritmo quando a tela mudar.",
      "rhythmRules": [
        "Empilhe conteúdo na ordem de leitura. Não reorganize cards visualmente fora da ordem do teclado e do documento.",
        "Deixe o conteúdo determinar a altura. Textos longos, validação e rótulos traduzidos precisam crescer.",
        "Comece com 48 px entre seções em telas estreitas e 64–96 px em amplas. Elementos relacionados ficam mais próximos.",
        "Mantenha a mesma borda para título, corpo e ação. Centralize uma frase curta apenas quando a composição pedir.",
        "Mantenha controles confortáveis; use alvo de toque de 44 × 44 px como padrão piloto. Tamanho do ícone não é área de toque.",
        "Use áreas seguras dos templates de feed e Stories e as regras de respiro do logo. Um gutter web não substitui essas regras."
      ],
      "layersTitle": "Camadas com uma ordem clara.",
      "layersText": "Estes valores piloto de z-index pertencem a um contexto isolado de componente ou página. Um número não escapa do contexto de empilhamento do pai. Prefira o comportamento nativo de dialog para modais.",
      "motionTitle": "Uma resposta, sem espetáculo.",
      "motionText": "Mantenha 220 ms com a curva existente como padrão. Use resposta mais rápida em controles pequenos ou um pouco mais de tempo em uma pequena revelação. A duração não atrasa a ação.",
      "duration": "Duração",
      "distance": "Deslocamento máx.",
      "easing": "Curva compartilhada",
      "motionChoose": "Receita de movimento",
      "reduce": "Simular movimento reduzido",
      "restore": "Usar preferência de movimento do sistema",
      "reducedStatus": "Movimento reduzido: estados mudam imediatamente.",
      "standardStatus": "Movimento padrão: transições curtas habilitadas.",
      "show": "Mostrar detalhes",
      "hide": "Ocultar detalhes",
      "panelTitle": "O detalhe permanece conectado.",
      "panelText": "O painel aparece ao lado do acionador. Ele abre no fluxo do documento, mantém altura natural e pode ser fechado pelo mesmo botão.",
      "opened": "Detalhes abertos.",
      "closed": "Detalhes fechados.",
      "copyMotion": "Copiar CSS de movimento",
      "motionNote": "A demonstração não repete nem inicia sozinha. A preferência do sistema operacional sempre prevalece; o botão só reduz movimento. Conteúdo e estado continuam disponíveis nos dois modos.",
      "motionRulesTitle": "O que fica parado também importa.",
      "motionRules": [
        "Anime apenas propriedades que explicam o estado: cor, opacidade e um pequeno transform. Evite transition: all, revelações de altura fixa e mudanças que movem o alvo sob o ponteiro.",
        "Mostre foco de teclado imediatamente. Um efeito hover precisa de equivalente no teclado; não esconda ações até o hover.",
        "Não condicione leitura a uma revelação cronometrada. Evite paralaxe, loops saltitantes e carrosséis automáticos neste piloto.",
        "Com prefers-reduced-motion: reduce, remova transições, animações de entrada e deslocamentos. Preserve conteúdo final, rótulos e seleção.",
        "Em diálogos e menus, movimento é apenas parte do comportamento. Implemente foco, fechamento e semântica antes de animar."
      ],
      "resourcesTitle": "Uma receita para sua equipe reutilizar.",
      "resourcesText": "Papéis de espaçamento, breakpoints, camadas e receitas de movimento estão em JSON, tokens com escopo e guia para IA. Copie exemplos com a regra de movimento reduzido.",
      "json": "Espaço e movimento · JSON",
      "css": "Tokens de layout · CSS",
      "copyGuide": "Copiar guia de layout para IA",
      "status": "Especificação piloto. As páginas existentes ainda precisam de auditoria de espaços e camadas; revisões amplas de teclado, zoom e movimento reduzido continuam abertas.",
      "prompt": "Construa um layout 6am com a especificação piloto abaixo. Reutilize espaçamentos e regras responsivas. Preserve ordem semântica, foco visível, altura natural e alvos de toque confortáveis. Use movimento após ação do usuário e respeite movimento reduzido. Use o logo original com seu respiro; preserve áreas seguras dos templates sociais.",
      "markup": "Estrutura: .ds-motion-demo contém button.ds-motion-trigger com aria-expanded / aria-controls e .ds-motion-panel com hidden quando fechado. Alterne data-open no contêiner e hidden no painel juntos. data-reduced=\"true\" pode reduzir movimento; nunca substitua a preferência do sistema. Defina --demo-duration e --demo-offset pela receita escolhida. O JavaScript deve sincronizar os estados."
    }
  },
  "colors": {
    "ink": {
      "value": "#0A0C00",
      "description": "Base escura e texto principal.",
      "status": "Aprovado"
    },
    "white": {
      "value": "#FFFFFF",
      "description": "Superfícies claras e texto sobre fundos escuros.",
      "status": "Aprovado"
    },
    "lime": {
      "value": "#E3FF04",
      "description": "Ações principais, seleção e destaques da marca.",
      "status": "Aprovado"
    },
    "support": {
      "value": "#252525",
      "description": "Superfície escura de apoio.",
      "status": "Aprovado"
    },
    "paper": {
      "value": "#F4F4F0",
      "description": "Fundo de trabalho do catálogo.",
      "status": "Piloto"
    },
    "muted": {
      "value": "#60605A",
      "description": "Texto auxiliar sobre superfícies claras.",
      "status": "Piloto"
    },
    "line": {
      "value": "#D9D9D1",
      "description": "Separação visual; não usar como texto.",
      "status": "Piloto"
    },
    "error": {
      "value": "#A12622",
      "description": "Mensagem e contorno de erro, acompanhados de texto.",
      "status": "Piloto"
    }
  },
  "typography": {
    "display": {
      "family": "Big Shoulders",
      "fallback": "Impact, sans-serif",
      "weight": 800,
      "description": "Títulos expressivos e mensagens de abertura."
    },
    "body": {
      "family": "Onest",
      "fallback": "Arial, sans-serif",
      "weight": 400,
      "description": "Parágrafos, navegação, botões e formulários."
    },
    "accent": {
      "family": "Fraunces",
      "fallback": "Georgia, serif",
      "weight": 500,
      "description": "Ênfase editorial pontual, em itálico."
    },
    "mono": {
      "family": "Geist Mono",
      "fallback": "monospace",
      "weight": 400,
      "description": "Versões, valores e referências técnicas."
    }
  },
  "spacing": {
    "unit": "px",
    "values": [
      4,
      8,
      12,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "motion": {
    "durationMs": 220,
    "easing": "cubic-bezier(0.4, 0, 0.2, 1)",
    "reducedMotion": "Remover deslocamentos e transições quando o usuário solicitar movimento reduzido."
  }
}