/* Casa Padmé — tokens de cor e tipo
   Identidade: fundo branco + o rosa da pétala da logo. */
:root {
  /* fundos */
  --white: #FFFFFF;
  --cream: #FFFFFF;          /* fundo principal (branco) */
  --paper: #FFFFFF;          /* cartões */
  --linen: #FFFFFF;
  --blush: #FBF1EC;          /* rosa bem claro, para seções alternadas */
  --rose: #F3D9CD;           /* rosa claro de apoio */
  --amber: #FFFFFF;
  --bronze: #FBF1EC;
  --dusk: #2E1F1A;           /* só para o fundo atrás dos banners */
  --night: #2E1F1A;

  /* pétala da logo */
  --petal: #E8BCA6;          /* tom principal da pétala */
  --petal-deep: #A35A48;     /* sombra da pétala: botões, preços e destaques */

  /* texto */
  --ink: #3A2620;
  --ink-soft: #6E5248;
  --ink-deep-soft: #5A3F35;
  --fg-soft: #6E5248;
  --cream-soft: #F3E3DC;

  /* acentos (nomes antigos mantidos para não quebrar o código) */
  --brown: #A35A48;          /* = rosa profundo da pétala */
  --gold: #C98F7D;           /* linhas e ilustrações */
  --gold-light: #E8BCA6;     /* seleção de texto */
  --flame: #E8BCA6;

  --ok: #2F6B45;
  --danger: #A5422F;

  /* tipo */
  --f-display: 'Marcellus', 'Times New Roman', serif;
  --f-body: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* forma */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --arch: var(--r-md);

  /* movimento */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);

  /* sombras suaves (sempre com deslocamento e desfoque) */
  --shadow-1: 0 2px 6px rgba(110, 60, 45, .07), 0 10px 24px -12px rgba(110, 60, 45, .22);
  --shadow-2: 0 4px 12px rgba(110, 60, 45, .08), 0 24px 48px -20px rgba(110, 60, 45, .3);
  --glow: 0 8px 26px -8px rgba(201, 143, 125, .55), 0 2px 8px rgba(163, 90, 72, .14);
}