/* ============================================
   SHIP.IT GLOBAL STYLES
   ============================================ */

/* ── Brand Color Tokens ── */
:root {
    --color-primary: #1e3a8a;
    --color-primary-hover: #172e6e;
    --color-primary-active: #112356;
}

/* Rich content — for all areas that render HTML (FAQ answers, descriptions, etc.)
   Usage: add class "rich-content" to the wrapper element
   Example: <div class="rich-content">{{ answer|safe }}</div>
*/
.rich-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.rich-content ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.rich-content li {
    margin-bottom: 0.25rem;
}

.rich-content ul ul,
.rich-content ol ul {
    list-style-type: circle;
    padding-left: 1.25rem;
}

.rich-content ul ul ul {
    list-style-type: square;
}

.rich-content p {
    margin-bottom: 0.5rem;
}

.rich-content strong,
.rich-content b {
    font-weight: 600;
}

.rich-content em,
.rich-content i {
    font-style: italic;
}

.rich-content a {
    color: #4f46e5;
    text-decoration: underline;
}

.rich-content a:hover {
    color: #3730a3;
}