/*
 * Catppuccin Theme
 */
html.light {
    --sy-c-background: #eff1f5;
    --sy-c-bg: #eff1f5;
    --sy-c-text: #4c4f69;
    --sy-c-heading: #8839ef;
    --sy-c-bold: #4c4f69;
    --sy-c-light: #6c6f85;
    --sy-c-link: #8839ef;
    --sy-c-link-hover: #7287fd;
    --sy-c-divider: #ccd0da;
    --sy-c-border: #bcc0cc;
    --sy-c-foot-background: #dce0e8;
    --sy-c-foot-text: #7c7f93;
    --sy-c-foot-divider: #bcc0cc;
    --yue-c-text: #4c4f69;
    --yue-c-heading: #8839ef;
    --yue-c-link: #8839ef;

    /* Accent colors (Mauve) */
    --accent-9: #8839ef;
    --accent-a9: rgba(136, 57, 239, 0.9);
}

html.dark {
    --sy-c-background: #1e1e2e;
    --sy-c-bg: #1e1e2e;
    --sy-c-text: #cdd6f4;
    --sy-c-heading: #cba6f7;
    --sy-c-bold: #cdd6f4;
    --sy-c-light: #a6adc8;
    --sy-c-link: #cba6f7;
    --sy-c-link-hover: #b4befe;
    --sy-c-divider: #313244;
    --sy-c-border: #45475a;
    --sy-c-foot-background: #11111b;
    --sy-c-foot-text: #bac2de;
    --sy-c-foot-divider: #313244;
    --yue-c-text: #cdd6f4;
    --yue-c-heading: #cba6f7;
    --yue-c-link: #cba6f7;

    /* Accent colors (Mauve) */
    --accent-9: #cba6f7;
    --accent-a9: rgba(203, 166, 247, 0.9);
}

/*
 * common
 */
:root {
    --tw-shadow-color: #000;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
}

/* Next, Prevを消す */
.navigation {
    display: none;
}

/*
 * 固有
 */
#icon {
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 9999px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#job {
    display: block;
    text-align: center;
}

/*
 * Scrapbox Recent Posts
 */
.scrapbox-icon {
    margin-right: 0.5rem;
    font-size: 1rem;
}

.scrapbox-time {
    color: var(--sy-c-light);
    font-size: 0.9rem;
    margin-right: 0.75rem;
    white-space: nowrap;
}

.scrapbox-all-posts {
    margin-top: 1.5rem;
    text-align: right;
}