/* Sombras tingidas de Dark Slate Blue (42,64,173) — nunca preto neutro.
   Todas medidas dos canvases: raio largo, offset alto, spread negativo. */
:root {
  --sombra-xs: 0 1px 0 rgba(42, 64, 173, 0.08);
  --sombra-sm: 0 8px 20px -14px rgba(42, 64, 173, 0.4);
  --sombra-cartao: 0 10px 28px -14px rgba(42, 64, 173, 0.3);
  --sombra-md: 0 18px 44px -26px rgba(42, 64, 173, 0.4);
  --sombra-lg: 0 22px 50px -28px rgba(42, 64, 173, 0.45);
  --sombra-xl: 0 34px 70px -30px rgba(42, 64, 173, 0.5);
  --sombra-fone: 0 26px 60px -32px rgba(42, 64, 173, 0.45);
  /* Botão primário: a sombra é da própria Royal, não da tinta. */
  --sombra-acao: 0 10px 26px -12px rgba(81, 135, 255, 0.9);
  --sombra-acao-lg: 0 18px 40px -16px rgba(81, 135, 255, 0.95);
  --sombra-fio: inset 0 0 0 1px rgba(210, 223, 244, 0.9); /* @kind shadow */
  /* A "sombra do Clini" é Cornflower, por definição da paleta. */
  --sombra-clini: 0 12px 28px -16px rgba(105, 151, 239, 0.7);

  /* Gradientes. Os canvases usam bastante — mas sempre azul sobre azul,
     nunca cor nova, e sempre como fundo de seção/faixa. */
  --veu-tinta: linear-gradient(140deg, #2a40ad 0%, #3d68e0 46%, #5187ff 100%); /* @kind other */
  --veu-tinta-suave: linear-gradient(150deg, #2a40ad 0%, #5187ff 100%); /* @kind other */
  --veu-acao: linear-gradient(135deg, #5187ff 0%, #2a40ad 120%); /* @kind other */
  --veu-claro: linear-gradient(178deg, #f5f8fe 0%, #ffffff 82%); /* @kind other */
  --veu-cartao: linear-gradient(168deg, #f6f9fe 0%, #ffffff 100%); /* @kind other */
  /* Fundo de tela do app: azul claro no topo, branco embaixo. */
  --veu-fone: linear-gradient(172deg, #e4e9f7 0%, #eff1fa 38%, #fafafd 100%); /* @kind other */
  --veu-baixo: linear-gradient(to top, rgba(42, 64, 173, 0.82) 0%, rgba(42, 64, 173, 0.4) 45%, rgba(42, 64, 173, 0) 100%); /* @kind other */
}