/* Estúdio Rudi — tema "Linho & Champagne" (claro).
 *
 * Carregado DEPOIS do estudio.css (TEMA_EXTRA no .env). Redefine tokens, não regras de layout:
 * toda melhoria vinda do Estúdio Orizuru continua valendo sem conflito.
 *
 * O estudio.css é desenhado para fundo escuro, mas as cores-base viraram componentes RGB
 * (--rgb-fundo, --rgb-superficie, --rgb-tinta, --rgb-acento): inverter o esquema é redefinir
 * esses cinco. A "tinta" passa a ser ESCURA, então as linhas e os textos suaves — que saem dela
 * por opacidade — acompanham sozinhos.
 *
 * Direção: papel, não tela. Off-white quente, bronze fosco no lugar do roxo, serifada nos
 * títulos, sombra quase imperceptível. Nada de preto puro nem de cinza azulado.
 */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap");

:root {
  --rgb-fundo: 250 246 240;          /* papel */
  --rgb-superficie: 255 252 248;     /* cartões */
  --rgb-superficie-alta: 255 255 255;
  --rgb-tinta: 43 32 24;             /* ESCURA: linhas e textos suaves derivam daqui */
  --rgb-acento: 168 113 74;          /* bronze fosco, no lugar do roxo */

  --sumi: #faf6f0;
  --sumi-2: #fffcf8;
  --sumi-3: #ffffff;
  --linha: rgb(var(--rgb-tinta) / 0.12);
  --linha-forte: rgb(var(--rgb-tinta) / 0.2);
  --murasaki: #a8714a;               /* ação */
  --murasaki-claro: #8a5a36;         /* links: escurecido para ter contraste sobre o papel */
  --murasaki-forte: #8f5c38;         /* hover da ação */
  --tinta-prompt: #4a3b2e;           /* prompt em inglês: escuro, era lilás de fundo preto */
  --ate: #5c3a22;                   /* profundidade: base dos gradientes e cor das iniciais */
  --kin: #9c7a33;
  --gofun: #2b2018;                  /* texto */
  --suave: rgb(var(--rgb-tinta) / 0.62);
  --tenue: rgb(var(--rgb-tinta) / 0.45);
  --ok: #2f7d55;                     /* os estados vêm do CSS base pensados para fundo escuro: */
  --aviso: #9a6b10;                  /* aqui escurecem, senão somem no claro */
  --erro: #b3261e;

  --fonte-titulo: "Cormorant Garamond", Georgia, serif;
  --raio: 12px;
  --raio-p: 8px;
  /* Sombra de papel: difusa e fraca. A original é feita para brilhar sobre preto. */
  --sombra: 0 1px 2px rgb(var(--rgb-tinta) / 0.04), 0 12px 30px -22px rgb(var(--rgb-tinta) / 0.45);
}

/* O brilho de fundo existe para dar profundidade ao preto; no claro vira só uma mancha de luz. */
body::before {
  background: radial-gradient(closest-side, rgb(var(--rgb-acento) / 0.07), transparent) !important;
}

/* Halo em volta do símbolo: faz sentido no escuro, suja o papel. */
.marca img, .acesso__marca img { filter: none !important; }

/* A serifada pede mais corpo e menos aperto de letra que a Sora. */
h1, h2, h3 { font-weight: 600; letter-spacing: -0.005em; }
h1 { font-size: clamp(1.9rem, 3.2vw, 2.6rem); }
h2 { font-size: 1.42rem; }

.sobrelinha { letter-spacing: .18em; color: var(--murasaki-claro); }
.marca__texto strong { font-family: var(--fonte-titulo); font-weight: 600; letter-spacing: .01em; }
.marca__texto small { letter-spacing: .1em; text-transform: uppercase; font-size: .62rem; }

/* O menu lateral é translúcido sobre o papel: sem a borda ele some. */
.lateral { background: rgb(var(--rgb-superficie) / 0.92); }

/* Campos: no escuro eles afundam; no claro precisam de fundo branco e borda visível. */
.campo__entrada, .caixa__marca, .opcao__corpo, .credencial {
  background: #fff;
}
.campo__entrada { border-color: rgb(var(--rgb-tinta) / 0.22); }
.campo__entrada::placeholder { color: rgb(var(--rgb-tinta) / 0.38); }

/* Botão primário: bronze com texto claro, sem o brilho roxo do original. */
.botao--primario {
  color: #fff;
  box-shadow: 0 6px 18px -10px rgb(var(--rgb-acento) / 0.9);
}