global.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* CSS HEX */
--crimson: #d7263dff;
--giants-orange: #f46036ff;
--space-cadet: #2e294eff;
--persian-green: #1b998bff;
--mindaro: #c5d86dff;

.color-1 {
    color: #d7263dff !important;
}
.color-2 {
    color: #d7263dff !important;
}
.color-3 {
    color: #2e294eff !important;
}
.color-4 {
    color: #1b998bff !important;
}
.color-5 {
    color: #c5d86dff !important;
}

/* SCSS Gradient
$gradient-top: linear-gradient(0deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-right: linear-gradient(90deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-bottom: linear-gradient(180deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-left: linear-gradient(270deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-top-right: linear-gradient(45deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-bottom-right: linear-gradient(135deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-top-left: linear-gradient(225deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-bottom-left: linear-gradient(315deg, #d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
$gradient-radial: radial-gradient(#d7263dff, #f46036ff, #2e294eff, #1b998bff, #c5d86dff);
*/

.nextra-content a {
    text-decoration: none !important;
    font-weight: 700;
}

.authors-title {
    margin-bottom: 5px;
    display: block;
}

.author-block {
    margin-left: 5px;
}

.author-name {
    margin-bottom: 5px;
}

.author-role,
.resource-description {
    font-weight: 400;
}

.resource-block {
    margin-left: 10px;
}

.resource-card {
    width: 50%;
    margin: 20px 0;
    gap: 20px;
    border: 1px solid rgba(229, 229, 229, 0.5);
    border-radius: 8px;
}

.resource-card:hover {
    border-color: rgba(229, 229, 229);
}

.resource-card svg {
    width: 2rem !important;
}

.nextra-sidebar-container .nextra-focus {
    font-weight: 400;
}

.nx-list-disc {
    margin-top: 0 !important;
}
.irembed-wrapper {
    margin: 40px 0;
}

/* Default image for light mode */
.logo {
    position: relative;
    right: 21px;
    width: 180px;
}

.dark .logo-dark {
    display: block;
}

.dark .logo-light {
    display: none;
}

.light .logo-light {
    display: block;
}

.light .logo-dark {
    display: none;
}