/*
  Design Family: ruled-ink
  Página de curso com cara de biblioteca ("dark academia"): papel envelhecido com a textura de pontinhos da referência,
  serifada de livro em azul-tinta, cor só em poucos pontos (o grifo dourado-antigo, o botão em destaque e as anotações
  em vinho). As folhas de redação têm pauta fina e margem, e o texto delas se escreve sozinho. Cartões de papel com
  borda fina e sombra longa e fraca; faixa escura no fechamento.
  v1.62: a primeira versão era um caderno escolar (azul de caneta vivo, pauta em toda a página, grifo laranja) — a Lya
  achou "escolar demais" e pediu algo mais clássico, discreto, de biblioteca.
  Medidas e respiro da referência (references/education/reference-01): conteúdo até 1200 px, seções de 44 a 84 px,
  título com entrelinha 1,12, texto com 1,65 — a Lya pediu esse espaçamento (é o que deixa a página elegante).
  Escopo por atributo (R11).
*/
[data-ws2-family="ruled-ink"] {
  --ri-paper: #F3EEE5;         /* a página: papel envelhecido */
  --ri-sheet: #FBF8F2;         /* folhas e cartões */
  --ri-band: #EAE3D6;          /* faixa alternada */
  --ri-dots: rgba(31, 42, 61, .09);      /* a textura de pontinhos do destaque (a da referência) */
  --ri-rule: rgba(31, 42, 61, .1);       /* a pauta, só dentro das folhas */
  --ri-rule-strong: rgba(31, 42, 61, .17);
  --ri-margin: rgba(140, 59, 48, .4);    /* a linha da margem, só dentro das folhas */
  --ri-ink: #1F2A3D;           /* azul-tinta: texto, títulos, botão (12,5:1 no papel) */
  --ri-ink-soft: #2C3A52;
  --ri-ink-rgb: 31, 42, 61;
  --ri-muted: #5B5F69;         /* apoio (5,5:1 no papel) */
  --ri-pen: #8C3B30;           /* vinho: anotação, rótulo, número (6,5:1 no papel) */
  --ri-marker: #E6CC8C;        /* o grifo dourado-antigo: fundo, com a tinta por cima (9,2:1); nunca texto */
  --ri-on-marker: #1F2A3D;
  --ri-dark: #191F2C;          /* faixa escura e rodapé */
  --ri-on-dark: #F3EEE5;
  --ri-on-dark-muted: #B3B6BE; /* 8,6:1 no escuro */
  --ri-on-dark-line: rgba(243, 238, 229, .14);
  --ri-line: rgba(31, 42, 61, .14);
  --ri-line-strong: rgba(31, 42, 61, .24);

  --ri-font-heading: "Libre Caslon Text", Georgia, "Times New Roman", serif;   /* serifada de livro */
  --ri-heading-weight: 700;
  --ri-font-body: "Atkinson Hyperlegible", "Helvetica Neue", Arial, system-ui, sans-serif;   /* feita para leitura fácil */
  --ri-font-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;                          /* anotação à mão, com parcimônia */
  --ri-h1: clamp(2.2rem, 4.8vw, 3.6rem);
  --ri-h2: clamp(1.75rem, 3.9vw, 2.7rem);
  --ri-h3: 1.18rem;
  --ri-lead: clamp(1.02rem, 2vw, 1.2rem);
  --ri-heading-leading: 1.12;
  --ri-heading-track: -.012em;
  --ri-body-leading: 1.65;
  --ri-label: .78rem;          /* rótulo: caixa-alta, espaçamento .12em, traço na frente */

  --ri-radius: 18px;           /* cartão */
  --ri-radius-sheet: 6px;      /* folha */
  --ri-radius-cta: 28px;       /* faixa escura */
  --ri-radius-pill: 999px;
  --ws2-social-radius: 999px;
  --ws2-map-radius: 18px;
  --ri-shadow: 0 16px 36px -30px rgba(25, 31, 44, .45);
  --ri-shadow-sheet: 0 24px 50px -24px rgba(25, 31, 44, .42), 0 0 0 1px rgba(31, 42, 61, .06);

  --ri-container: 1200px;
  --ri-gutter: 16px;
  --ri-section-y: clamp(44px, 6vw, 84px);
  --ri-header-h: 64px;

  --ri-motion-profile: "margin-note";
  --ri-ease: cubic-bezier(.2, .8, .2, 1);
  --ri-cut: 160ms;             /* cada folha do match cut na tela (a referência recomenda 120 a 160 ms) */
  --ri-write: .34s;            /* intervalo entre as linhas que se escrevem sozinhas */
}

/* Esquemas de acento (R26) ------------------------------------------------------------------------
   A identidade é a página de biblioteca: papel envelhecido com pontinhos, serifada de livro, cor só no grifo, no botão
   de destaque e nas anotações, e o texto que se escreve sozinho nas folhas. O acento troca a tinta, a anotação e o
   grifo — sempre sóbrios. Os três primeiros nasceram das três paletas mostradas à Lya (v1.62): ela escolheu "library".
   O quarto, "lima" (v1.63.2), é o da Redação Em Dia: verde-escuro, marca-texto verde-limão e papel mais claro.
   Uso: <body data-ws2-family="ruled-ink" data-ws2-accent="wine"> */
[data-ws2-family="ruled-ink"][data-ws2-accent="wine"] {     /* azul quase preto, bordô e grifo rosado */
  --ri-paper: #F1ECE4; --ri-band: #E7E0D4; --ri-sheet: #FAF7F1; --ri-ink: #222638; --ri-ink-soft: #30344C; --ri-ink-rgb: 34, 38, 56;
  --ri-muted: #5C5D68; --ri-pen: #7A2E38; --ri-marker: #E3BFA8; --ri-on-marker: #222638; --ri-dark: #1B1D2B; --ri-on-dark-muted: #B4B4BE;
  --ri-dots: rgba(34, 38, 56, .09); --ri-rule: rgba(34, 38, 56, .1); --ri-rule-strong: rgba(34, 38, 56, .17); --ri-margin: rgba(122, 46, 56, .4);
  --ri-line: rgba(34, 38, 56, .14); --ri-line-strong: rgba(34, 38, 56, .24);
}
[data-ws2-family="ruled-ink"][data-ws2-accent="olive"] {    /* azul-grafite, verde-oliva e grifo cor de palha */
  --ri-paper: #EFEEE9; --ri-band: #E4E3DC; --ri-sheet: #F9F8F4; --ri-ink: #25303A; --ri-ink-soft: #33414E; --ri-ink-rgb: 37, 48, 58;
  --ri-muted: #5A6068; --ri-pen: #5E6B3E; --ri-marker: #D9D3A0; --ri-on-marker: #25303A; --ri-dark: #1C232A; --ri-on-dark-muted: #B1B6BA;
  --ri-dots: rgba(37, 48, 58, .09); --ri-rule: rgba(37, 48, 58, .1); --ri-rule-strong: rgba(37, 48, 58, .17); --ri-margin: rgba(94, 107, 62, .4);
  --ri-line: rgba(37, 48, 58, .14); --ri-line-strong: rgba(37, 48, 58, .24);
}
[data-ws2-family="ruled-ink"][data-ws2-accent="lima"] {     /* v1.63.2: verde-escuro e marca-texto verde-limão, papel mais claro e frio — cara de curso para o Enem (escolha da Lya) */
  --ri-paper: #F7F8F2; --ri-band: #EEF2E4; --ri-sheet: #FFFFFF; --ri-ink: #1C2B12; --ri-ink-soft: #2B3F1E; --ri-ink-rgb: 28, 43, 18;
  --ri-muted: #566050; --ri-pen: #3E6A1C; --ri-marker: #CFF29A; --ri-on-marker: #1C2B12; --ri-dark: #16210E; --ri-on-dark-muted: #B9C4AE;
  --ri-dots: rgba(28, 43, 18, .08); --ri-rule: rgba(28, 43, 18, .1); --ri-rule-strong: rgba(28, 43, 18, .17); --ri-margin: rgba(62, 106, 28, .4);
  --ri-line: rgba(28, 43, 18, .13); --ri-line-strong: rgba(28, 43, 18, .24);
  --ri-grid: rgba(28, 43, 18, .07);          /* o quadriculado do destaque */
}