/*
  Design Family: lime-ledger
  Serviço para empresas com cara de papel de livro-razão: papel claro e liso (quadriculado só dentro de moldura), cartões brancos,
  tinta quase preta no texto e nos botões, e um acento elétrico (a lima) que aparece como FUNDO — de
  cartão inteiro, de botão, da aba ativa — nunca como texto. Títulos em serifada estreita de peso médio,
  com espaçamento negativo; o resto em grotesca neutra, com caixa-alta pequena e pesada nos links,
  botões e etiquetas; a marca condensada ocupa o rodapé de ponta a ponta. Escopo por atributo (R11).
*/
[data-ws2-family="lime-ledger"] {
  --ll-paper: #F4F4F0;
  --ll-white: #FFFFFF;
  --ll-sand: #E6DFD4;          /* etiqueta e selo */
  --ll-ink: #0B0B0A;
  --ll-muted: #55554F;         /* 6,8:1 no papel, 7,5:1 no branco */
  --ll-line: rgba(11, 11, 10, .16);
  --ll-grid: rgba(11, 11, 10, .07);   /* linha do quadriculado */
  --ll-dark: #0B0B0A;          /* faixa preta e rodapé */
  --ll-on-dark: #F4F4F0;
  --ll-on-dark-muted: #A9A9A1; /* 8,3:1 no preto */

  /* acento (R26) — a lima: fundo de cartão, de botão, da aba ativa e da sombra deslocada. Não é texto:
     por cima dela vai sempre a tinta (14,2:1). */
  --ll-accent: #9CF21A;
  --ll-on-accent: #0B0B0A;

  --ll-font-heading: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --ll-font-ui: "Geist", "Helvetica Neue", Arial, system-ui, sans-serif;
  --ll-font-wordmark: "Anton", "Impact", "Arial Narrow", sans-serif;
  --ll-heading-track: -.02em;
  --ll-body-size: 16px;
  --ll-small: 14px;
  --ll-label: 12px;            /* caixa-alta pesada: links, botões, etiquetas */
  --ll-label-track: .02em;
  --ll-body-leading: 1.55;
  --ll-display: clamp(46px, 6.4vw, 96px);
  --ll-section-heading: clamp(34px, 4vw, 60px);
  --ll-card-heading: clamp(24px, 2.2vw, 34px);

  --ll-radius-card: 14px;
  --ll-radius-big: 24px;       /* o cartão-manifesto */
  --ll-radius-photo: 12px;
  --ll-radius-tag: 4px;
  --ll-radius-pill: 999px;
  --ws2-social-radius: 999px;
  --ws2-map-radius: 14px;

  --ll-grid-step: 32px;        /* quadriculado de 32 px */
  --ll-shadow-offset: 8px;     /* sombra deslocada em lima, sem desfoque */

  --ll-container: 1376px;
  --ll-gutter: clamp(16px, 2.4vw, 40px);
  --ll-band-y: clamp(64px, 8vw, 128px);
  --ll-header-h: 72px;

  --ll-motion-profile: "ledger-spring";
  --ll-ease: cubic-bezier(.22, 1, .36, 1);
  --ll-spring: cubic-bezier(.34, 1.36, .64, 1);   /* mola curta, com um pouco de sobra: peças que viajam entre as abas */
  --ll-lift: cubic-bezier(.42, 0, 1, 1);          /* carta que sobe, rápida e seca */
  --ll-travel: 640ms;
}

/* Esquemas de acento (R26) ------------------------------------------------------------------------
   A identidade é a composição — papel liso com molduras quadriculadas, serifada estreita, caixa-alta pesada, cartões brancos,
   faixa preta, marca gigante no rodapé. O acento acompanha a marca da empresa: todos são claros o bastante
   para levar a tinta por cima (≥ 9:1).
   Uso: <body data-ws2-family="lime-ledger" data-ws2-accent="coral"> */
/* coral e grafite (v1.61.1, a Ponte Talentos): além do acento, troca a tinta, o papel e a faixa escura — a receita deixa
   de ter as cores da referência (R32). Tinta grafite azulada no coral 9,6:1; apoio 6,2:1 no papel; cinza 7,8:1 na faixa. */
[data-ws2-family="lime-ledger"][data-ws2-accent="coral"] {
  --ll-accent: #FFAA88;
  --ll-on-accent: #14172A;
  --ll-paper: #F6F2EE; --ll-sand: #EADBCF;
  --ll-ink: #14172A; --ll-muted: #565A69;
  --ll-line: rgba(20, 23, 42, .16); --ll-grid: rgba(20, 23, 42, .07);
  --ll-dark: #14172A; --ll-on-dark: #F6F2EE; --ll-on-dark-muted: #A9ACB9;
}
[data-ws2-family="lime-ledger"][data-ws2-accent="sky"] { --ll-accent: #8FD1FF; }
[data-ws2-family="lime-ledger"][data-ws2-accent="solar"] { --ll-accent: #FFD23F; }
