/* ============================================================
   SHAHED PHARMA — base styles
   Brand palette taken from the official brochure.
   ============================================================ */

:root {
    /* Brand */
    --navy:        #06202B;   /* primary dark */
    --navy-700:    #0b2c39;
    --navy-600:    #123a49;
    --gold:        #E3C079;   /* accent */
    --gold-deep:   #8A6420;
    --teal:        #008F8C;

    /* Neutrals */
    --ink:         #0d1b21;
    --muted:       #5a6b71;
    --line:        #d7dee0;
    --bg:          #f1f7f7;
    --surface:     #ffffff;
    --danger:      #b3261e;
    --danger-bg:   #fdecea;
    --success:     #128104;

    /* System */
    --radius:      14px;
    --radius-sm:   10px;
    --shadow:      0 18px 40px -20px rgba(6, 32, 43, .45);
    --shadow-sm:   0 6px 18px -10px rgba(6, 32, 43, .4);
    --font: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, 'Helvetica Neue', Arial, sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: var(--font);
    color: var(--ink);
    background:
        radial-gradient(1200px 600px at 100% -10%, rgba(0, 143, 140, .10), transparent 60%),
        radial-gradient(1000px 500px at -10% 110%, rgba(227, 192, 121, .14), transparent 60%),
        var(--bg);
    line-height: 1.6;
}

h1, h2, h3 {
    margin: 0 0 .5rem;
    line-height: 1.25;
    color: var(--navy);
}

a {
    color: var(--teal);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ----- Buttons ----- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .8rem 1.4rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition: transform .06s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.btn:active {
    transform: translateY(1px);
}

.btn-primary {
    background: linear-gradient(135deg, var(--navy-600), var(--navy));
    color: #fff;
    box-shadow: var(--shadow-sm);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--navy-700), var(--navy-600));
    text-decoration: none;
}

.btn-ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, .35);
    color: #fff;
}

.btn-ghost:hover {
    background: rgba(255, 255, 255, .12);
    text-decoration: none;
}

.btn-block {
    width: 100%;
}

/* ----- Alerts ----- */
.alert {
    padding: .85rem 1rem;
    border-radius: var(--radius-sm);
    font-size: .95rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.alert-error {
    background: var(--danger-bg);
    border-color: rgba(179, 38, 30, .25);
    color: var(--danger);
}

/* ----- Footer ----- */
.site-footer {
    margin-top: auto;
    padding: 1.5rem;
    text-align: center;
    color: var(--muted);
    font-size: .85rem;
}

.muted {
    color: var(--muted);
}