:root {
  /* Viva! brand */
  --viva-wine-950: #1C030A;
  --viva-wine-900: #340000;
  --viva-wine-800: #4A0714;
  --viva-wine-700: #681029;

  --viva-coral-500: #FF2D6F;
  --viva-coral-600: #D81B5B;
  --viva-orange-500: #FF8A00;
  --viva-gold-400: #FFC83D;
  --viva-gold-500: #F6B90D;

  --viva-ink: #23191C;
  --viva-muted: #7F7478;
  --viva-muted-2: #A3999C;
  --viva-canvas: #F6F4F0;
  --viva-surface: #FFFFFF;
  --viva-surface-soft: #FBF9F6;
  --viva-line: #E8E1DE;
  --viva-line-strong: #D9CFCC;
  --viva-success: #2B8A5A;

  --viva-shadow-sm: 0 2px 10px rgba(28,3,10,.06);
  --viva-shadow-md: 0 10px 32px rgba(28,3,10,.10);
  --viva-radius-sm: 12px;
  --viva-radius-md: 18px;
  --viva-radius-lg: 24px;

  --viva-header-desktop: 72px;
  --viva-header-mobile: 68px;
  --viva-bottom-nav: 70px;
  --viva-feed: 680px;
  --viva-left: 220px;
  --viva-right: 300px;
  --viva-gap: 24px;

  --viva-font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --viva-font-serif: "Libre Caslon Display", Georgia, "Times New Roman", serif;
}