/* Salama Hosting Fonts & Typography */
@import url('https://fonts.googleapis.com/css?family=Muli');

:root {
    /* Brand Colors */
    --salama-primary: #2563eb;
    --salama-secondary: #1e40af;
    --salama-accent: #3b82f6;
    --salama-dark: #121417;
    --salama-light: #f8fafc;

    /* Font System */
    --font-heading: 'Muli', sans-serif;
    --font-body: 'Muli', sans-serif;
    --font-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

/* Base Typography */
body {
    font-family: var(--font-body);
    font-size: 16px !important;
    line-height: 24px;
    color: var(--salama-dark);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.md-nav__title,
.md-typeset .admonition-title,
.md-typeset table:not([class]) th {
    font-family: var(--font-heading);
    font-weight: 500 !important;
    font-size: 28px !important;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #2980b9;
}

.md-typeset h1 {
    font-size: 2.2em;
    margin-bottom: 1em;
}

.md-typeset h2 {
    font-size: 1.8em;
    margin-top: 2em;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.3em;
}

/* Code Blocks */
code,
kbd,
pre {
    font-family: var(--font-code);
}

/* Enhanced Components */
.salama-feature-card {
    font-family: var(--font-body);
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin: 1rem 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    border-left: 4px solid var(--salama-primary);
}

/* Font Loading Optimization */
@font-face {
    font-display: swap;
}

.wy-nav-content-wrap footer {
    display: none;
}