/*
  Design Family: cobalt-draft
  Prancha de engenharia: azul de planta com grade fina e linhas brancas, marfim nas seções claras, laranja só no botão e no
  que precisa chamar; tudo desenhado como prancha — células com rótulo, cota, mira com números, a planta que se desenha e
  vira prédio, botões em caixa. Grotesca neutra (Chivo) com rótulos em mono (Chivo Mono).
  v1.67: inspirada em references/builders/reference-01 (variação, R32). A Lya escolheu, entre três esboços, o B "planta
  azul" e o nome C&N Construtora.
  Escopo por atributo (R11).
*/
[data-ws2-family="cobalt-draft"] {
  --cd-blue: #12305A;           /* azul de planta: destaque, faixas escuras, rodapé (11,7:1 com o marfim) */
  --cd-blue-2: #0B1F3A;         /* azul-escuro: o sistema, o convite e o fundo do botão-caixa no claro */
  --cd-blue-3: #1C447A;         /* azul mais claro: células e brilho do desenho */
  --cd-paper: #F4F1EA;          /* marfim: as seções claras */
  --cd-paper-2: #E9E4D8;        /* marfim mais escuro: fundo das fotos e do acordeão aberto */
  --cd-ink: #0F2440;            /* texto no marfim (13,8:1) */
  --cd-muted: #4A5A72;          /* apoio no marfim (6,2:1) */
  --cd-on-blue: #F4F1EA;
  --cd-on-blue-muted: #A9B9D0;  /* apoio no azul (6,6:1) */
  --cd-accent: #F26B2A;         /* laranja: fundo do botão (azul-escuro por cima, 5,4:1), mira, cota, ponto */
  --cd-on-accent: #0B1F3A;
  --cd-accent-ink: #B84A14;     /* laranja para texto no marfim (4,6:1) */
  --cd-accent-light: #F79A6B;   /* laranja-claro: texto e palavra de acento no azul (6,1:1) */
  --cd-line: rgba(15, 36, 64, .16);          /* linhas da prancha no marfim */
  --cd-line-blue: rgba(244, 241, 234, .16);  /* linhas da prancha no azul */
  --cd-grid: rgba(244, 241, 234, .07);       /* a grade fina de 40 px no azul */

  --cd-font: "Chivo", "Helvetica Neue", Arial, system-ui, sans-serif;
  --cd-mono: "Chivo Mono", ui-monospace, Menlo, Consolas, monospace;
  --cd-h1: clamp(2.6rem, 5.6vw, 5.4rem);
  --cd-title: clamp(2rem, 3.6vw, 3.4rem);
  --cd-text: 1.02rem;
  --cd-label: .76rem;           /* rótulo em mono maiúsculo */
  --cd-leading: 1.5;

  --cd-gutter: clamp(16px, 1.6vw, 24px);
  --cd-section-y: clamp(80px, 9vw, 140px);
  --cd-header-h: 76px;
  --ws2-social-radius: 0;

  --cd-motion-profile: "plan-rise";
  --cd-ease: cubic-bezier(.7, 0, .2, 1);
  --cd-ease-out: cubic-bezier(.16, 1, .3, 1);
}

/* Esquemas de acento (R26) ------------------------------------------------------------------------
   A identidade é o azul de planta com a grade, as células com rótulo, a cota, a mira e a planta que vira prédio. O
   acento troca só o laranja (botão, mira, cota, ponto); azul-escuro sobre ele sempre ≥ 4,5:1.
   Uso: <body data-ws2-family="cobalt-draft" data-ws2-accent="amarelo"> */
[data-ws2-family="cobalt-draft"][data-ws2-accent="amarelo"] {  /* amarelo de obra (8,6:1 com o azul-escuro) */
  --cd-accent: #E8B34A; --cd-accent-ink: #8A5A00; --cd-accent-light: #F2CD7E;
}
[data-ws2-family="cobalt-draft"][data-ws2-accent="ciano"] {    /* ciano, para engenharia e energia (6,1:1 com o azul-escuro) */
  --cd-accent: #5FA3D9; --cd-accent-ink: #1F5E8E; --cd-accent-light: #9CC7EA;
}