{
  "version": "CaisLab ID 0.3",
  "fonte": "Fonte única de verdade. Edite este arquivo e rode `npm run tokens` para gerar src/styles/tokens.css, public/brand/tokens/* e a exportação para Figma.",
  "color": {
    "mar-profundo": {
      "value": "#070A0D",
      "papel": "fundo escuro, o mar"
    },
    "carta-nautica": {
      "value": "#F5F2E8",
      "papel": "fundo claro, o papel"
    },
    "casco": {
      "value": "#34404C",
      "papel": "estrutura, superfícies, componentes"
    },
    "farol": {
      "value": "#22C55E",
      "papel": "acento de ação; texto sempre escuro por cima"
    },
    "horizonte": {
      "value": "#2CCFFF",
      "papel": "acento de descoberta e tecnologia"
    }
  },
  "theme": {
    "dark": {
      "bg": "mar-profundo",
      "text": "carta-nautica"
    },
    "light": {
      "bg": "carta-nautica",
      "text": "mar-profundo"
    }
  },
  "text": {
    "100": 1,
    "70": 0.7,
    "60": 0.6
  },
  "font": {
    "family": "Bricolage Grotesque",
    "weights": {
      "display": 700,
      "navegacao": 500,
      "corpo": 400
    }
  },
  "shape": {
    "radius-pill": "999px",
    "grid": "8px",
    "radius-card": "16px",
    "radius-input": "12px",
    "shadow": "--cl-shadow",
    "shadow-value": "0 1px 2px rgb(7 10 13 / 0.06), 0 8px 24px -12px rgb(7 10 13 / 0.18)"
  },
  "ramp": {
    "nota": "Tons da mesma cor, uso funcional — não é nova paleta. Calculados em OKLCH com o mesmo matiz da cor de marca e ajustáveis à mão. Nas cores de marca, 700 passa 4,5:1 e 900 passa 7:1 como texto sobre Carta Náutica.",
    "passos": [100, 300, 500, 700, 900],
    "token": "--cl-<cor>-<passo>",
    "base": {
      "mar-profundo": 900,
      "carta-nautica": 100,
      "casco": 500,
      "farol": 500,
      "horizonte": 500,
      "erro": 500,
      "aviso": 500
    },
    "values": {
      "mar-profundo": { "100": "#E7ECF1", "300": "#B3B8BD", "500": "#6E7276", "700": "#2F3337", "900": "#070A0D" },
      "carta-nautica": { "100": "#F5F2E8", "300": "#E1DED3", "500": "#C1BEB3", "700": "#89867D", "900": "#57554E" },
      "casco": { "100": "#E1E9F0", "300": "#95A0AB", "500": "#34404C", "700": "#242F3B", "900": "#131E29" },
      "farol": { "100": "#DCFCE1", "300": "#A0EDAF", "500": "#22C55E", "700": "#0A7E38", "900": "#065E28" },
      "horizonte": { "100": "#E0F6FF", "300": "#9DE4FF", "500": "#2CCFFF", "700": "#057695", "900": "#045870" },
      "erro": { "100": "#FFEDEC", "300": "#FFC8C4", "500": "#E5484D", "700": "#CD2F3A", "900": "#A50420" },
      "aviso": { "100": "#FFEFDC", "300": "#FECE90", "500": "#F5A623", "700": "#966205", "900": "#704803" }
    }
  },
  "feedback": {
    "sucesso": "#22C55E",
    "info": "#2CCFFF",
    "erro": "#E5484D",
    "aviso": "#F5A623",
    "nota": "Só produto e feedback. A cor base vai em preenchimento, ícone ou borda; para texto, use o token -texto do estado (ex.: --cl-erro-texto), que já troca de tom entre modo claro e escuro.",
    "tokens": {
      "sucesso": "--cl-sucesso",
      "info": "--cl-info",
      "erro": "--cl-erro",
      "aviso": "--cl-aviso"
    },
    "texto": {
      "sucesso": "--cl-sucesso-texto",
      "info": "--cl-info-texto",
      "erro": "--cl-erro-texto",
      "aviso": "--cl-aviso-texto"
    }
  },
  "semantic": {
    "nota": "Expressões: {nome} referencia outro token; alpha({nome}, N) aplica N% de opacidade; mix({a}, {b}, N) mistura N% de a com b em OKLab.",
    "light": {
      "bg": "{carta-nautica}",
      "text": "{mar-profundo}",
      "text-100": "{text}",
      "text-70": "alpha({text}, 70)",
      "text-60": "alpha({text}, 60)",
      "line": "alpha({text}, 14)",
      "border": "alpha({text}, 50)",
      "soft": "mix({text}, {bg}, 5)",
      "elevated": "mix({carta-nautica}, #FFFFFF, 50)",
      "structure": "{casco}",
      "on-accent": "{mar-profundo}",
      "accent-acao": "{farol}",
      "accent-tech": "{horizonte}",
      "acao-hover": "mix({farol}, {text}, 88)",
      "acao-pressed": "mix({farol}, {text}, 76)",
      "estrutura-hover": "mix({casco}, {text}, 88)",
      "estrutura-pressed": "mix({casco}, {text}, 76)",
      "focus": "{horizonte-700}",
      "sucesso": "{farol}",
      "info": "{horizonte}",
      "erro": "{erro-500}",
      "aviso": "{aviso-500}",
      "sucesso-texto": "{farol-900}",
      "info-texto": "{horizonte-900}",
      "erro-texto": "{erro-900}",
      "aviso-texto": "{aviso-900}",
      "shadow": "0 1px 2px rgb(7 10 13 / 0.06), 0 8px 24px -12px rgb(7 10 13 / 0.18)"
    },
    "dark": {
      "bg": "{mar-profundo}",
      "text": "{carta-nautica}",
      "soft": "{casco}",
      "elevated": "{casco}",
      "focus": "{horizonte}",
      "sucesso-texto": "{farol-300}",
      "info-texto": "{horizonte-300}",
      "erro-texto": "{erro-300}",
      "aviso-texto": "{aviso-300}",
      "shadow": "0 1px 2px rgb(0 0 0 / 0.3), 0 8px 24px -12px rgb(0 0 0 / 0.5)"
    },
    "aliases": {
      "surface": "structure",
      "text-45": "text-60"
    }
  },
  "space": [4, 8, 12, 16, 24, 32, 48, 64],
  "layout": {
    "container": "1400px",
    "gutter": { "base": "24px", "sm": "40px", "lg": "64px" },
    "breakpoint": { "sm": "640px", "lg": "1024px" },
    "leitura": "68ch"
  },
  "control": {
    "sm": "32px",
    "md": "40px",
    "lg": "48px",
    "touch-min": "44px"
  },
  "motion": {
    "ease-out": "cubic-bezier(0.16, 1, 0.3, 1)",
    "dur-fast": "150ms",
    "dur-base": "400ms",
    "dur-reveal": "900ms",
    "dur-line": "1100ms"
  },
  "type": {
    "display": {
      "papel": "Display",
      "size": 48,
      "line": 52,
      "weight": 700,
      "tracking": "-0.02em",
      "token": "--cl-type-display",
      "uso": "capas e números herói"
    },
    "titulo-1": {
      "papel": "Título 1",
      "size": 40,
      "line": 44,
      "weight": 700,
      "tracking": "-0.01em",
      "token": "--cl-type-h1",
      "uso": "aberturas de seção"
    },
    "titulo-2": {
      "papel": "Título 2",
      "size": 32,
      "line": 38,
      "weight": 700,
      "tracking": "0",
      "token": "--cl-type-h2",
      "uso": "subtítulos fortes"
    },
    "titulo-3": {
      "papel": "Título 3",
      "size": 24,
      "line": 30,
      "weight": 500,
      "tracking": "0",
      "token": "--cl-type-h3",
      "uso": "blocos e destaques"
    },
    "corpo-grande": {
      "papel": "Corpo grande",
      "size": 18,
      "line": 28,
      "weight": 400,
      "tracking": "0",
      "token": "--cl-type-body-lg",
      "uso": "introduções e leitura confortável"
    },
    "corpo": {
      "papel": "Corpo",
      "size": 16,
      "line": 24,
      "weight": 400,
      "tracking": "0",
      "token": "--cl-type-body",
      "uso": "texto padrão e interface"
    },
    "pequeno": {
      "papel": "Pequeno",
      "size": 14,
      "line": 20,
      "weight": 400,
      "tracking": "0",
      "token": "--cl-type-small",
      "uso": "apoio e legendas"
    },
    "legenda": {
      "papel": "Legenda",
      "size": 12,
      "line": 16,
      "weight": 500,
      "tracking": "0",
      "token": "--cl-type-caption",
      "uso": "metadados"
    },
    "label": {
      "papel": "Label / eyebrow",
      "size": 12,
      "line": 16,
      "weight": 500,
      "tracking": "0.24em",
      "token": "--cl-type-label",
      "uso": "caixa alta, tracking largo"
    }
  },
  "spaceTokens": {
    "--cl-space-1": "4px",
    "--cl-space-2": "8px",
    "--cl-space-3": "12px",
    "--cl-space-4": "16px",
    "--cl-space-5": "24px",
    "--cl-space-6": "32px",
    "--cl-space-7": "48px",
    "--cl-space-8": "64px"
  },
  "tracking": {
    "--cl-track-display": "-0.02em",
    "--cl-track-h1": "-0.01em",
    "--cl-track-label": "0.24em"
  }
}