:root {
  /* Cor — superfícies */
  --bg-page: #14100b;
  --bg-page-deep: #0e0a05;
  --bg-page-warm: #1a130a;
  --bg-gradient-page: radial-gradient(130% 100% at 50% -10%, #3a2c17 0%, #1a130a 55%, #0e0a05 100%);
  --bg-card: linear-gradient(160deg, rgba(43,33,19,.94), rgba(28,21,12,.94));
  --bg-input: rgba(255,255,255,.05);
  --border-card: #6a4c22;
  --border-subtle: #4a3a1e;

  /* Cor — ouro (acento) */
  --gold-bright: #f0d488;
  --gold-warm: #d8ab45;
  --gold-bronze: #a97521;
  --gradient-cta: linear-gradient(180deg, #f0d488, #d8ab45);

  /* Cor — texto */
  --text-headline: #f4e6c4;
  --text-body: #c3ae86;
  --text-body-strong: #d9c8a2;
  --text-label: #c9a86a;
  --text-muted: #a89168;
  --text-on-gold: #241a0c;

  /* Cor — semânticas */
  --error-border: #e05d4b;
  --error-text: #ef7a66;
  --success: #8fbf7f;

  /* Tipografia */
  --font-heading: 'Cinzel', serif;
  --font-display: 'Cinzel Decorative', 'Cinzel', serif;
  --font-body: 'EB Garamond', Georgia, serif;

  /* Espaçamento (escala de 8pt) */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Raio */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* Sombra */
  --shadow-card: 0 10px 30px rgba(0,0,0,.45);
  --shadow-cta: 0 12px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.5);

  /* Foco */
  --focus-ring: 2px solid #f0d488;
}