/*!
 * Frost theme: 霜星如月 (Frost Star Like Moon)
 *
 * An alternate ice-blue color layer for the SxryS theme, toggled by the
 * floating theme-switch button. It redefines the design tokens plus the few
 * hard-coded colors of the default (lavender) palette, so every component
 * recolors in one go. Loaded after style.css; scope: html.theme-frost.
 *
 * Only logical properties (inset-inline-*, etc.) are used, so this file is
 * direction-agnostic and does not need an RTL counterpart.
 */

/* Design tokens
--------------------------------------------- */
html.theme-frost {
	--sx-c-bg: #f4f9ff;
	--sx-c-bg-soft: #e8f2fc;
	--sx-c-surface: #ffffff;
	--sx-c-text: #2a3b52;
	--sx-c-text-soft: #5b7694;
	--sx-c-text-faint: #93a9c2;
	--sx-c-accent: #59a5e8;
	--sx-c-accent-deep: #2e7fbe;
	--sx-c-accent-soft: #a8d3f4;
	--sx-c-mint: #8fd8d4;
	--sx-c-danger: #e0557c;
	--sx-c-border: rgba(84, 147, 205, 0.18);
	--sx-c-border-strong: rgba(84, 147, 205, 0.34);

	--sx-grad: linear-gradient(135deg, #2e7fbe 0%, #59a5e8 52%, #9ecdf5 100%);
	--sx-grad-soft: linear-gradient(135deg, rgba(89, 165, 232, 0.14) 0%, rgba(168, 211, 244, 0.18) 100%);

	--sx-shadow-sm: 0 4px 14px rgba(46, 127, 190, 0.08);
	--sx-shadow-md: 0 10px 30px rgba(46, 127, 190, 0.12);
	--sx-shadow-lg: 0 18px 44px rgba(46, 127, 190, 0.16);
	--sx-glow: 0 8px 24px rgba(89, 165, 232, 0.35);

	/* Header search focus + search field tint */
	--sx-search-focus: #59a5e8;
	--sx-search-glow: rgba(89, 165, 232, 0.4);
	--sx-search-bg: #eaf3fc;
}

/* Base
--------------------------------------------- */
html.theme-frost body {
	background-image:
		radial-gradient(44rem 44rem at 108% -10%, rgba(140, 190, 235, 0.18), transparent 62%),
		radial-gradient(36rem 36rem at -14% 24%, rgba(180, 215, 245, 0.16), transparent 60%),
		radial-gradient(32rem 32rem at 82% 108%, rgba(143, 216, 212, 0.14), transparent 62%);
}

html.theme-frost ::selection {
	background: rgba(89, 165, 232, 0.25);
}

html.theme-frost * {
	scrollbar-color: rgba(89, 165, 232, 0.35) transparent;
}

html.theme-frost *::-webkit-scrollbar-thumb {
	background: rgba(89, 165, 232, 0.35);
}

html.theme-frost *::-webkit-scrollbar-thumb:hover {
	background: rgba(89, 165, 232, 0.55);
}

html.theme-frost :not(pre) > code {
	background: rgba(89, 165, 232, 0.1);
}

html.theme-frost mark,
html.theme-frost ins {
	background: rgba(168, 211, 244, 0.5);
}

/* Links
--------------------------------------------- */
html.theme-frost .entry-content a,
html.theme-frost .comment-content a,
html.theme-frost .page-content a,
html.theme-frost .entry-summary a {
	background-image: linear-gradient(transparent 62%, rgba(89, 165, 232, 0.22) 62%);
}

html.theme-frost .entry-content a:hover,
html.theme-frost .entry-content a:focus,
html.theme-frost .comment-content a:hover,
html.theme-frost .comment-content a:focus,
html.theme-frost .page-content a:hover,
html.theme-frost .page-content a:focus,
html.theme-frost .entry-summary a:hover,
html.theme-frost .entry-summary a:focus {
	background-image: linear-gradient(transparent 62%, rgba(168, 211, 244, 0.6) 62%);
}

/* Forms
--------------------------------------------- */
html.theme-frost input[type="text"]:focus,
html.theme-frost input[type="email"]:focus,
html.theme-frost input[type="url"]:focus,
html.theme-frost input[type="password"]:focus,
html.theme-frost input[type="search"]:focus,
html.theme-frost input[type="number"]:focus,
html.theme-frost input[type="tel"]:focus,
html.theme-frost input[type="range"]:focus,
html.theme-frost input[type="date"]:focus,
html.theme-frost input[type="month"]:focus,
html.theme-frost input[type="week"]:focus,
html.theme-frost input[type="time"]:focus,
html.theme-frost input[type="datetime"]:focus,
html.theme-frost input[type="datetime-local"]:focus,
html.theme-frost input[type="color"]:focus,
html.theme-frost textarea:focus {
	box-shadow: 0 0 0 4px rgba(89, 165, 232, 0.15);
}

/* Header & navigation
--------------------------------------------- */
html.theme-frost .site-header {
	background: rgba(244, 249, 255, 0.82);
}

html.theme-frost .main-navigation > ul > li > a::before {
	background: rgba(89, 165, 232, 0.12);
}

html.theme-frost .main-navigation > ul > li > a:active {
	box-shadow: inset 0 2px 6px rgba(46, 127, 190, 0.22);
}

html.theme-frost .menu-toggle {
	background: rgba(89, 165, 232, 0.12);
}

/* Cards
--------------------------------------------- */
html.theme-frost .entry-card.sticky {
	box-shadow: var(--sx-shadow-md), inset 0 0 0 2px rgba(89, 165, 232, 0.08);
}

/* Front hero
--------------------------------------------- */
html.theme-frost .front-hero {
	background:
		radial-gradient(38rem 38rem at 88% 8%, rgba(89, 165, 232, 0.2), transparent 62%),
		radial-gradient(30rem 30rem at 6% 90%, rgba(168, 211, 244, 0.18), transparent 60%);
}

html.theme-frost .hero-blob-1 {
	background: #7fb9e8;
}

html.theme-frost .hero-blob-2 {
	background: #a8d3f4;
}

html.theme-frost .hero-sparkle {
	color: rgba(89, 165, 232, 0.75);
}

/* Soft accent pills: category badges, read-more, page-links, reply, tags */
html.theme-frost .cat-links a,
html.theme-frost .entry-cats a,
html.theme-frost .read-more,
html.theme-frost .page-links a,
html.theme-frost .page-links .post-page-numbers,
html.theme-frost .comment .reply a,
html.theme-frost #cancel-comment-reply-link,
html.theme-frost .widget .tag-cloud-link {
	background: rgba(89, 165, 232, 0.1);
}

/* Comments
--------------------------------------------- */
html.theme-frost .bypostauthor > .comment-body {
	background: rgba(89, 165, 232, 0.05);
}

html.theme-frost .comment-awaiting-moderation {
	background: rgba(168, 211, 244, 0.25);
}

/* Code blocks
--------------------------------------------- */
html.theme-frost pre,
html.theme-frost .wp-block-code {
	background: #22344d;
	color: #e6f2fc;
}

/* Blocks
--------------------------------------------- */
html.theme-frost .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: rgba(89, 165, 232, 0.05);
}

/* Footer
--------------------------------------------- */
html.theme-frost .site-footer {
	background: linear-gradient(180deg, #24364d 0%, #1b2a3d 100%);
	color: #aec6de;
}

html.theme-frost .site-footer a {
	color: #cfdfef;
}

html.theme-frost .footer-widgets .widget-title {
	color: #f2f8ff;
}

html.theme-frost .footer-widgets .widget ul li a {
	color: #aec6de;
}

html.theme-frost .footer-widgets .widget ul li a:hover,
html.theme-frost .footer-widgets .widget ul li a:focus {
	color: #ffffff;
}

html.theme-frost .footer-widgets .widget .tag-cloud-link {
	color: #cfdfef;
}

html.theme-frost .footer-widgets .widget select,
html.theme-frost .footer-widgets .widget input {
	color: #f2f8ff;
}

html.theme-frost .site-info .footer-heart {
	color: #8fd0ec;
}

/* Back-to-top hover ring
--------------------------------------------- */
html.theme-frost .back-to-top:hover,
html.theme-frost .back-to-top:focus {
	box-shadow: var(--sx-glow), 0 0 0 5px rgba(89, 165, 232, 0.2);
}

/* RTL: mirror the gradient direction like style-rtl.css does. */
html[dir="rtl"].theme-frost {
	--sx-grad: linear-gradient(45deg, #2e7fbe 0%, #59a5e8 52%, #9ecdf5 100%);
	--sx-grad-soft: linear-gradient(45deg, rgba(89, 165, 232, 0.14) 0%, rgba(168, 211, 244, 0.18) 100%);
}