/**
 * Course Landing Page Variables
 * Additional design tokens for sobriety course landing page
 *
 * @package TRDS_Course_Blocks
 * @version 1.0.0
 */

:root {
  /* ==========================================================================
     COURSE-SPECIFIC COLORS
     ========================================================================== */

  /* Hero gradient overlay */
  --trds-course-hero-overlay: linear-gradient(
    135deg,
    rgba(139, 69, 19, 0.85) 0%,
    rgba(193, 150, 96, 0.75) 100%
  );

  /* Problem cards */
  --trds-course-problem-chemical: #c05858;
  --trds-course-problem-behavioral: #d4952a;
  --trds-course-problem-emotional: #5a7ba6;
  --trds-course-problem-codependency: #7b68a6;

  /* Statistics highlight */
  --trds-course-stat-highlight: var(--trds-accent);

  /* CTA button gradients */
  --trds-course-cta-gradient: linear-gradient(
    135deg,
    var(--trds-primary) 0%,
    var(--trds-primary-dark) 100%
  );
  --trds-course-cta-gradient-hover: linear-gradient(
    135deg,
    var(--trds-primary-light) 0%,
    var(--trds-primary) 100%
  );

  /* ==========================================================================
     COURSE LAYOUT
     ========================================================================== */

  /* Hero section */
  --trds-course-hero-min-height: min(90vh, 800px);
  --trds-course-hero-content-max-width: 50rem;

  /* Cards grid */
  --trds-course-card-min-width: 280px;
  --trds-course-card-max-width: 400px;

  /* Program timeline */
  --trds-course-timeline-line-width: 3px;
  --trds-course-timeline-dot-size: 1rem;

  /* Floating contact */
  --trds-course-floating-width: clamp(280px, 20vw, 320px);
  --trds-course-floating-offset: var(--trds-space-lg);

  /* ==========================================================================
     COURSE ANIMATIONS
     ========================================================================== */

  /* Entrance animations */
  --trds-course-fade-in-duration: var(--trds-duration-slow);
  --trds-course-slide-distance: 20px;

  /* Counter animation */
  --trds-course-counter-duration: 2s;

  /* ==========================================================================
     COURSE TYPOGRAPHY
     ========================================================================== */

  /* Decorative elements */
  --trds-course-quote-font: var(--trds-font-secondary);
  --trds-course-stat-number-size: clamp(2.5rem, 6vw, 4rem);

  /* Badge styling */
  --trds-course-badge-padding: var(--trds-space-xs) var(--trds-space-sm);
  --trds-course-badge-radius: var(--trds-radius-full);
}

/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  :root {
    --trds-course-fade-in-duration: 0.01s;
    --trds-course-counter-duration: 0.01s;
    --trds-course-slide-distance: 0;
  }
}