/**
 * Default tenant theme
 *
 * Applied when a tenant doesn't have a custom theme.css on S3.
 * Values here must match _variables.css so the visual result is identical
 * to the bundled defaults, but injected via TenantThemeLoader to keep
 * cascade order consistent across all tenants.
 */

:root {
  /* Header */
  --gradient-header: linear-gradient(0deg, #880002 40%, #ff0004 90%);
  --header-height: 80px;
  --header-bg-image: none;

  /* Background layout */
  --color-bg: #151515;
  --color-bg-secondary: #242424;
  --color-bg-tertiary: #1a1a1a;
  --layout-bg-image: none;

  /* Primary */
  --color-primary: #ff0004;
  --color-primary-hover: #cc0003;
  --color-primary-light: #880002;
  --color-border: #ac0002;
  --color-border-light: #444c56;

  /* Secondary / Gold */
  --color-secondary: #ffe100;
  --color-secondary-hover: #b29700;

  /* Text */
  --color-text: #ffffff;
  --color-text-secondary: #cccccc;
  --color-text-muted: #6b6b6b;
  --color-text-link: #ffe100;
  --color-text-accent: #ffff00;
  --color-text-accent-alt: #e6e406;

  /* Surface */
  --color-surface: rgba(135, 135, 135, 0.35);
  --color-surface-hover: rgba(135, 135, 135, 0.5);

  /* Gradients */
  --gradient-gold: linear-gradient(360deg, #ffe100 0%, #b29700 53%, #ffe100 98%);
  --gradient-green: linear-gradient(360deg, #00ff00 0%, #0c8b01 53%, #00ff00 98%);

  /* Bottom nav (mobile) */
  --navbar-bg: #222222;
  --navbar-item-color: #ffffff;
  --navbar-item-active-color: #f60004;
  --navbar-bg-image: none;
}