/*
Theme Name: Jose Medina Divi Child
Theme URI: https://jemedina.com/
Description: Custom Divi child theme for the Jose Medina portfolio website.
Author: Jose Medina
Author URI: https://jemedina.com/
Template: Divi
Version: 2.0.0
Text Domain: jemedina-divi-child
Designed By: Jose Medina
Designed By URL: https://jemedina.com/
*/

/*
 * Jose Medina Portfolio Design System
 * Designed By: Jose Medina
 * https://jemedina.com/
 */

:root {
  --jm-bg: #061426;
  --jm-bg-alt: #091b33;
  --jm-panel: #07182d;
  --jm-border: #123a5c;

  --jm-blue: #0cb5ea;
  --jm-blue-rgb: 12,, 234;
  --jm-cyan: #27d7d1;

  --jm-text: #f5f8fc;
  --jm-text-muted: #aab9cc;

  --jm-divider: rgba(12, 181, 234, 0.18);
  --jm-content-width: 1280px;
}

html {
  background-color: var(--jm-bg);
  scroll-behavior: smooth;
}

body {
  background-color: var(--jm-bg);
  color: var(--jm-text);
  overflow-x: hidden;
}

#page-container,
#main-content {
  background-color: var(--jm-bg);
}

::selection {
  background-color: var(--jm-blue);
  color: #ffffff;
}

a {
  color: var(--jm-blue);
}

a:hover,
a:focus {
  color: var(--jm-cyan);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--jm-blue);
  outline-offset: 3px;
}

.jm-section {
  background-color: var(--jm-bg);
}

.jm-section-alt {
  background-color: var(--jm-bg-alt);
}

.jm-card {
  background: rgba(7, 24, 45, 0.88);
  border: 1px solid rgba(var(--jm-blue-rgb), 0.28);
  border-radius: 6px;
}

.jm-divider {
  border-color: var(--jm-divider);
}

.jm-accent-text {
  color: var(--jm-cyan);
}

.jm-blue-text {
  color: var(--jm-blue);
}

.jm-blue-border {
  border-color: rgba(var(--jm-blue-rgb), 0.4);
}

.jm-blue-glow {
  box-shadow:
    0 0 20px rgba(var(--jm-blue-rgb), 0.18),
    0 0 50px rgba(var(--jm-blue-rgb), 0.1);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}