/* Central theme tokens for Crowdr Events (crowdrevent.com) */
:root {
  /* Brand Palette Variables */
  --color-1: #E11D48;
  /* Primary Crimson Red */
  --color-2: #E1B71D;
  /* Amber Gold */
  --color-3: #1DE1B7;
  /* Turquoise Mint */
  --color-4: #1D47E1;
  /* Royal Blue */

  --tq-primary: var(--color-1);
  --tq-primary-l: var(--color-2);
  --tq-primary-d: #0B0F19;
  --tq-white: #ffffff;
  --tq-text: #0F172A;
  --tq-muted: #64748b;
  --tq-border: rgba(15, 23, 42, .08);
  --tq-shadow: 0 8px 32px rgba(225, 29, 72, .14);
  --tq-black: #0B0F19;
  --tq-success: var(--color-3);
  --tq-danger: var(--color-1);
  --tq-warning: var(--color-2);
  --tq-info: var(--color-4);
  --tq-purple: #8B5CF6;
  --tq-radius: 6px;

  /* Convenience aliases used in views */
  --primary-color: var(--tq-primary);
  --primary-dark: var(--tq-primary-d);

  /* partner portal tokens */
  --tq-text: #0F172A;
  --tq-radius: 10px;
  --tq-item-h: 36px;
  --tq-fs: 13px;
  --tq-nav-h: 48px;
  /* general tokens */
  --primary-color: var(--tq-primary);
  --primary-dark: var(--tq-primary-d);
  --primary-light: var(--tq-white);
  --primary-light-theme: var(--tq-primary-l);
  --secondary-color: var(--tq-muted);
  --info-color: var(--tq-info);
  --success-color: var(--tq-success);
  --warning-color: var(--tq-warning);
  --danger-color: var(--tq-danger);
  --danger-light: var(--tq-danger-soft);
  --light-color: #f8fafc;
  --white-color: #fff;
  --dark-color: var(--tq-text);
  --light-bg: var(--light-color);
  --tq-surface: #f8fafc;
  --tq-surface-soft: #f8f9fa;
  --tq-surface-muted: #eef2f6;
  --tq-surface-alt: #f4f5f9;
  --tq-divider: #e5e7eb;
  --tq-border-strong: #e0e0e0;
  --tq-text-dark: #0F172A;
  --tq-text-secondary: #64748b;
  --tq-text-light: #94a3b8;
  --tq-success-soft: #d1fae5;
  --tq-danger-soft: #fee2e2;
  --tq-info-soft: #cffaff;
  --tq-warning-soft: #fef3c7;
  --tq-purple-soft: #f3e8ff;
  --bg-light: #fff5f5;
  --bg-gradient-start: #fff1f2;
  --bg-gradient-end: #ffe4e6;
  --border-radius: 12px;
  --box-shadow: 0 10px 25px -5px rgba(244, 38, 38, 0.12), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --card-shadow: var(--tq-shadow);
  --card-radius: var(--tq-radius);
  --section-spacing: 2rem;
  --bg-primary: var(--bg-light);
  --bg-white: var(--tq-white);
  --accent-teal: var(--primary-light);
  --accent-purple: #a78bfa;
  --accent-pink: #f472b6;
  --accent-orange: #fb923c;
  --text-dark: var(--tq-text);
  --text-medium: var(--tq-muted);
  --text-light: var(--tq-border);
  --border-light: var(--tq-border);
  --shadow-soft: var(--tq-shadow);
  --shadow-hover: 0 20px 30px -10px rgba(45, 212, 191, 0.15);
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;

  /* ===== TYPOGRAPHY VARIABLES ===== */
  /* Font Sizes */
  --fs-h1: 2.5rem;
  --fs-h2: 2rem;
  --fs-h3: 1.5rem;
  --fs-h4: 1.25rem;
  --fs-h5: 1.125rem;
  --fs-h6: 1rem;
  --fs-lg: 1.125rem;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;
  --fs-body: 0.95rem;
  --fs-caption: 0.8rem;
  --fs-label: 0.875rem;
  --fs-small: 12px;
  --fs-tiny: 11px;

  /* Font Weights */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extra-bold: 800;

  /* Line Heights */
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.75;

  /* ===== SHADOW VARIABLES ===== */
  /* Shadows - Various depths */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.12);
  --shadow-2xl: 0 16px 32px rgba(0, 0, 0, 0.15);
  --shadow-none: none;

  /* Shadows - Specific states */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.02);
  --shadow-elevated: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-interactive: 0 2px 5px rgba(0, 0, 0, 0.1);
  --shadow-deep: 0 20px 30px -10px rgba(45, 212, 191, 0.15);

  /* ===== ADDITIONAL COLOR SHADES ===== */
  --color-overlay-light: rgba(0, 0, 0, 0.02);
  --color-overlay-medium: rgba(0, 0, 0, 0.05);
  --color-overlay-dark: rgba(0, 0, 0, 0.5);
  --color-white-alpha-15: rgba(255, 255, 255, 0.15);
  --color-white-alpha-25: rgba(255, 255, 255, 0.25);
  --color-white-alpha-70: rgba(255, 255, 255, 0.7);
}

/* Utility helpers using tokens */
.bg-primary {
  background: var(--primary-color);
}

.text-primary {
  color: var(--primary-color);
}

.btn-primary {
  background: var(--primary-color);
  color: var(--tq-white);
  border-radius: var(--tq-radius);
  border-color: var(--primary-color);
}

/* Global Footer Tokens */
.main-footer,
.footer-area,
.footer,
footer {
  background-color: var(--tq-primary-d, #0B0F19) !important;
  color: #ffffff !important;
}

.custom-shape-divider-top-1631774151 .shape-fill {
  fill: var(--tq-primary-d, #0B0F19) !important;
}

/* End of theme.css */