@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root{
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    --gray-950: #030712;

    --body-bg: white;
    --header-bg: #071260;
    --header-border: var(--gray-200);
    --header-text: white;
    --header-user-bg: white;

    --profile-menu-text: var(--gray-700);
    --profile-menu-hover-bg: var(--gray-100);
    --profile-menu-hover-text: var(--gray-700);

    --side-menu-hover-bg: var(--gray-100);


    --aside-bg: white;

    --base-text: #111827;
    --base-border: var(--gray-200);

    --ring1: var(--gray-200);
    --ring2: var(--gray-300);
}

pre, #text{
    font-family: "Noto Sans JP", sans-serif!important;
}