@import url("../core-v3-theme-base.css");

:root {
    --mainlinkColor: #234f8f;

    --mp-theme-page-bg: linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
    --mp-theme-page-glow: rgba(23, 52, 95, .10);

    --mp-theme-surface: #ffffff;
    --mp-theme-surface-soft: #faf8f1;
    --mp-theme-surface-muted: #f0eadb;
    --mp-theme-surface-strong: #17345f;

    --mp-theme-border: #ddd8ca;
    --mp-theme-border-strong: #c9c1ae;

    --mp-theme-text: #262b33;
    --mp-theme-muted: #6b7280;
    --mp-theme-heading: #17345f;

    --mp-theme-primary: #17345f;
    --mp-theme-primary-hover: #214678;
    --mp-theme-primary-soft: #e9eef6;
    --mp-theme-on-primary: #ffffff;

    --mp-theme-link: #234f8f;
    --mp-theme-link-hover: #17345f;

    --mp-theme-accent: #d6a84b;
    --mp-theme-accent-soft: #f7ecd4;
    --mp-theme-on-accent: #352812;

    --mp-theme-shadow: rgba(24, 43, 70, .13);
    --mp-theme-focus: rgba(35, 79, 143, .24);

    --mp-primary: var(--mp-theme-primary);
    --mp-primary-hover: var(--mp-theme-primary-hover);
    --mp-panel: var(--mp-theme-surface);
    --mp-panel-soft: var(--mp-theme-surface-soft);
    --mp-border: var(--mp-theme-border);
    --mp-text: var(--mp-theme-text);
    --mp-muted: var(--mp-theme-muted);
    --mp-heading: var(--mp-theme-heading);
    --mp-link: var(--mp-theme-link);
    --mp-accent: var(--mp-theme-accent);
    --mp-shadow: var(--mp-theme-shadow);
}