:root {
    --m26-font-body: "Public Sans", "Segoe UI", Tahoma, sans-serif;
    --m26-radius-sm: 8px;
    --m26-radius-md: 12px;
    --m26-radius-lg: 16px;
    --m26-surface: #ffffff;
    --m26-surface-soft: #f6f8fb;
    --m26-text: #2f3349;
    --m26-text-muted: #6e7891;
    --m26-border: #e6e9f2;
    --m26-shadow-sm: 0 6px 18px rgba(26, 37, 70, 0.08);
    --m26-shadow-md: 0 14px 30px rgba(26, 37, 70, 0.12);
    --m26-primary: #0f766e;
    --m26-primary-soft: #e8f8f6;
    --m26-info-soft: #eaf4ff;
    --m26-warning-soft: #fff7e7;
    --m26-success-soft: #ebfaf0;
    --m26-danger-soft: #ffefef;
}

.dark,
:root.dark {
    --m26-surface: #0f172a;
    --m26-surface-soft: #111b31;
    --m26-text: #e5e7eb;
    --m26-text-muted: #9ca3af;
    --m26-border: #25324a;
    --m26-shadow-sm: 0 8px 22px rgba(2, 6, 23, 0.45);
    --m26-shadow-md: 0 18px 34px rgba(2, 6, 23, 0.5);
    --m26-primary-soft: rgba(15, 118, 110, 0.2);
    --m26-info-soft: rgba(59, 130, 246, 0.2);
    --m26-warning-soft: rgba(245, 158, 11, 0.22);
    --m26-success-soft: rgba(34, 197, 94, 0.2);
    --m26-danger-soft: rgba(239, 68, 68, 0.2);
}

html,
body {
    font-family: var(--m26-font-body);
    color: var(--m26-text);
}

.dark body {
    color: var(--m26-text);
}

.layout-wrapper,
.fi-main,
.fi-body,
.fi-layout {
    background:
        radial-gradient(1200px 480px at 110% -10%, rgba(15, 118, 110, 0.06), transparent 55%),
        radial-gradient(900px 420px at -10% 110%, rgba(13, 148, 136, 0.05), transparent 55%),
        #f5f7fc;
}

    .dark .layout-wrapper,
    .dark .fi-main,
    .dark .fi-body,
    .dark .fi-layout {
        background:
        radial-gradient(1200px 480px at 110% -10%, rgba(15, 118, 110, 0.1), transparent 55%),
        radial-gradient(900px 420px at -10% 110%, rgba(13, 148, 136, 0.09), transparent 55%),
        #0b1220;
    }

@media (max-width: 768px) {
    .layout-wrapper,
    .fi-main,
    .fi-body,
    .fi-layout {
        background: #f5f7fc;
    }

    .dark .layout-wrapper,
    .dark .fi-main,
    .dark .fi-body,
    .dark .fi-layout {
        background: #0b1220;
    }
}