:root {
    --lunags-primary1: #73B8FD;
    --lunags-primary2: #9ED4FC;
    --lunags-primary3: #DFEFFD;
    --blue-950: #102a5f;
    --blue-900: #16377a;
    --blue-800: #1f4aa5;
    --blue-700: #2864d8;
    --blue-600: #3478f6;
    --blue-500: #4a93ff;
    --blue-300: #94c8ff;
    --blue-200: #c8e1ff;
    --blue-100: #e9f3ff;
    --sky-500: #38bdf8;
    --mint-500: #14b8a6;
    --violet-500: #7c83ff;
    --rose-500: #e8556f;
    --amber-500: #d89d18;
    --ink: #182747;
    --muted: #637093;
    --line: #dfeffd;
    --surface: #ffffff;
    --surface-soft: #f5f9ff;
    --surface-blue: #eef6ff;
    --sidebar-w: 248px;
    --radius: 8px;
    --shadow: 0 18px 48px rgba(29, 75, 150, 0.14);
    --font: "Noto Sans JP", "游ゴシック体", system-ui, sans-serif;
}

body {
    font-family: var(--font-family);
    color: #182747;
}

img {
    display: block;
    max-width: 100%;
}

.sidebar .logout-btn {
    width: 100%;
    height: 42px;
    min-height: 42px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease, color 0.14s ease;
}

.sidebar .logout-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.24);
    box-shadow: none;
    transform: translateY(-1px);
}