:root {
  /* Paleta Sacro-Litúrgica da Landing Page */
  --bg-primary: #19120b;
  --bg-surface: #19120b;
  --bg-card: #261e17;
  --bg-surface-lowest: #130d07;
  --bg-surface-low: #211a13;
  --bg-surface-high: #312921;
  --bg-surface-highest: #3c332b;
  --bg-parchment: #261e17;
  --bg-parchment-light: #312921;

  /* Ouros e Iluminuras */
  --gold-primary: #ebc166;
  --gold-light: #ffdf9e;
  --gold-dark: #c9a24b;
  --gold-tertiary: #e1c473;
  --gold-glow: rgba(201, 162, 75, 0.25);
  --gold-glow-intense: rgba(230, 200, 119, 0.5);

  /* Acentos Litúrgicos (Vinho, Rubro & Mariano) */
  --red-liturgical: #822530;
  --red-liturgical-light: #ffb3b5;
  --red-liturgical-dark: #40000c;
  --blue-marian: #2b4c7e;
  --blue-marian-light: #416ea8;

  /* Textos da Landing Page */
  --text-primary: #efe0d4;
  --text-secondary: #d1c5b2;
  --text-muted: #9a8f7e;
  --text-gold: #ebc166;

  /* Bordas e Manuscritos */
  --border-gold: rgba(201, 162, 75, 0.25);
  --border-gold-strong: rgba(201, 162, 75, 0.55);
  --border-subtle: rgba(78, 70, 55, 0.4);
  --border-outline: #9a8f7e;

  /* Estados da Grade Interativa */
  --state-empty: #130d07;
  --state-empty-hover: rgba(201, 162, 75, 0.12);
  --state-eliminated: #130d07;
  --state-confirmed: #3c332b;

  /* Tipografia Monástica */
  --font-title: 'Cinzel', serif;
  --font-headline: 'Newsreader', 'Cinzel', serif;
  --font-body: 'EB Garamond', serif;
  --font-scripture: 'EB Garamond', serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Transições e Sombras */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-slow: 0.5s ease;

  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.65), 0 2px 6px rgba(0, 0, 0, 0.4);
  --shadow-gold: 0 0 25px rgba(201, 162, 75, 0.22), inset 0 1px 0 rgba(230, 200, 119, 0.25);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 40px rgba(201, 162, 75, 0.2);

  /* Dimensões & Responsividade Mobile-First */
  --container-max-width: 1040px;
  --touch-target-min: 44px;
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 14px;

  /* Colunas da Matriz */
  --col-figure-width: 135px;
  --col-data-min-width: 58px;
  --matrix-min-width: 620px;
}

@media (min-width: 768px) {
  :root {
    --col-figure-width: 210px;
    --col-data-min-width: 75px;
    --matrix-min-width: 860px;
  }
}