:root {
    --gc-canvas: #f4f7fb;
    --gc-surface: rgba(255, 255, 255, 0.92);
    --gc-surface-solid: #fff;
    --gc-border: #e5eaf1;
    --gc-text: #152033;
    --gc-muted: #6b778c;
    --gc-shadow: 0 12px 34px -22px rgba(15, 42, 70, 0.34);
    --gc-shadow-hover: 0 18px 38px -20px rgba(15, 42, 70, 0.42);
    --gc-radius-sm: 0.75rem;
    --gc-radius: 1rem;
    --gc-radius-lg: 1.25rem;
    --font-family: "Vazirmatn RD FD", "Vazirmatn", Tahoma, ui-sans-serif, system-ui, sans-serif;
}

.dark {
    --gc-canvas: #080d16;
    --gc-surface: rgba(17, 25, 39, 0.9);
    --gc-surface-solid: #111927;
    --gc-border: rgba(148, 163, 184, 0.15);
    --gc-text: #f3f7fb;
    --gc-muted: #a7b1c2;
    --gc-shadow: 0 18px 42px -24px rgba(0, 0, 0, 0.78);
    --gc-shadow-hover: 0 22px 46px -22px rgba(0, 0, 0, 0.88);
}

html, body, .fi-body {
    font-family: var(--font-family) !important;
    direction: rtl;
}

.fi-body {
    color: var(--gc-text);
    background:
        radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--primary-500) 10%, transparent), transparent 26rem),
        var(--gc-canvas);
}

.fi-layout {
    background: transparent;
}

.fi-simple-layout,
.fi-simple-main,
.fi-simple-header,
.fi-simple-header-heading {
    font-family: var(--font-family) !important;
    direction: rtl;
}

.fi-topbar > nav {
    min-height: 4.25rem;
    border-bottom: 1px solid var(--gc-border);
    background: color-mix(in srgb, var(--gc-surface-solid) 88%, transparent);
    box-shadow: 0 8px 30px -28px rgba(15, 42, 70, 0.9);
    backdrop-filter: blur(18px);
}

.fi-topbar .fi-global-search-field .fi-input-wrp {
    min-width: min(20rem, 36vw);
    background: color-mix(in srgb, var(--gc-canvas) 68%, transparent);
}

.gc-brand {
    min-width: 0;
}

.gc-brand-logo {
    width: 2.65rem;
    height: 2.65rem !important;
    flex: none;
    border: 3px solid color-mix(in srgb, white 84%, transparent);
    border-radius: 999px;
    clip-path: circle(47% at 50% 50%);
    object-fit: cover;
    box-shadow: 0 10px 24px -14px color-mix(in srgb, var(--primary-700) 70%, transparent);
}

.gc-brand-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.25;
}

.gc-brand-title {
    color: var(--gc-text);
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: 0 !important;
    font-family: var(--font-family) !important;
}

.gc-brand-subtitle {
    margin-top: 0.15rem;
    color: var(--gc-muted);
    font-size: 0.78rem;
    font-weight: 600;
    font-family: var(--font-family) !important;
}

/* Login page fixes */
.fi-simple-header-heading,
.fi-simple-header-subheading,
.fi-btn-label,
.fi-fo-field-wrp-label span,
.fi-checkbox-label {
    font-family: var(--font-family) !important;
    letter-spacing: 0 !important;
}

.fi-input,
.fi-select,
textarea {
    font-family: var(--font-family) !important;
}