/**
* Theme Name: Cardano Hub
* Template: blockchaincentre
* Author: Lidonation
* Text Domain: cardanohub
* Description: Cardano Hub custom child theme with blue and yellow branding.
* Version: 1.0.0
* Author URI: https://www.2lovelaces.com
*/

/* Import parent theme styles */
@import url('../blockchaincentre/style.css');

/* Cardano Hub Custom Color Variables */
:root {
  /* Primary Colors - Blue */
  --color-primary: #0033AD;
  --color-primary-dark: #002080;
  --color-primary-light: #1a4dbf;
  
  /* Secondary Colors - Yellow */
  --color-secondary: #FFD700;
  --color-secondary-dark: #FFC700;
  --color-secondary-light: #FFE44D;
  
  /* Accent Colors */
  --color-accent-blue: #4169E1;
  --color-accent-light-blue: #E6F0FF;
  
  /* Neutral Colors */
  --color-text-dark: #191C1E;
  --color-text-light: #FFFFFF;
  --color-background-light: #F5F5F5;
  --color-background-white: #FFFFFF;
}

/* Tailwind Utility Classes for Cardano Hub Colors */
.bg-secondary {
  background-color: var(--color-secondary) !important;
}

.bg-secondary-dark {
  background-color: var(--color-secondary-dark) !important;
}

.hover\:bg-secondary-dark:hover {
  background-color: var(--color-secondary-dark) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

/* Override custom heading colors */
.custom-heading {
  color: var(--color-text-dark);
  font-weight: bold;
  font-family: 'Archivo', sans-serif;
}

.custom-launch-text {
  color: var(--color-text-dark);
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  font-family: 'Archivo', sans-serif;
}

/* Cardano Hub Button Styles - Matching Design */
.cardanohub-btn-primary {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-light);
  border-radius: 2rem;
  padding: 1rem 2.5rem;
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 51, 173, 0.2);
}

.cardanohub-btn-primary:hover {
  background-color: var(--color-primary-dark);
  box-shadow: 0 4px 12px rgba(0, 51, 173, 0.3);
  transform: translateY(-2px);
}

.cardanohub-btn-secondary {
  display: inline-block;
  background-color: var(--color-secondary);
  color: var(--color-text-dark);
  border-radius: 2rem;
  padding: 1rem 2.5rem;
  font-family: 'Archivo', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.2);
}

.cardanohub-btn-secondary:hover {
  background-color: var(--color-secondary-dark);
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.3);
  transform: translateY(-2px);
}

/* Hero section styling */
.cardanohub-hero {
  background-color: var(--color-primary);
  color: var(--color-text-light);
}

/* Event cards with yellow accents */
.cardanohub-event-card {
  background-color: var(--color-secondary);
  border-radius: 1rem;
  padding: 1.5rem;
}

.cardanohub-event-card-alt {
  background-color: var(--color-accent-light-blue);
  border-radius: 1rem;
  padding: 1.5rem;
}

/* Section backgrounds */
.cardanohub-section-blue {
  background-color: var(--color-primary);
  color: var(--color-text-light);
}

.cardanohub-section-light {
  background-color: var(--color-background-light);
  color: var(--color-text-dark);
}