/* CSS Variables */
:root {
  --font-primary: "Playfair Display", serif;

  /* Colors - Primary */
  --color-primary: #de001b;
  --color-primary-dark: #a60014;
  --color-primary-light: #f8ccd1;
  --color-white: #ffffff;

  /* Colors - Backgrounds */
  --color-bg-primary: #090909;
  --color-bg-secondary: #121212;
  --color-bg-accent: #6f000d;
  --color-bg-dark: #1a1a1a;
  --color-bg-card: #1b1b1b;
  --color-bg-card-header: #2a2a2a;
  --color-bg-navbar: #0d1117;

  /* Colors - Text */
  --color-text-primary: #090909;
  --color-text-white: #ffffff;
  --color-text-light: #e6e6e6;
  --color-text-muted: #b3b3b3;
  --color-text-secondary: #666666;
  --color-text-dark: #e0e0e0;
  --color-text-dark-muted: #999999;

  /* Colors - Borders */
  --color-gray-light: #cccccc;
  --color-gray-medium: #999999;
  --color-border-dark: #333333;
  --color-border-navbar: #370007;
  --color-border-banner: rgba(222, 0, 27, 0.5);

  /* Colors - UI Elements */
  --color-focus: var(--color-primary);
  --color-info: var(--color-primary);
  --color-warning-bg: #fff3cd;
  --color-light-bg: #f8f9fa;
  --color-text-gray: #6c757d;
}

body {
  font-family: var(--font-primary);
}