/*
 * SotoCat dark palette — Apple-style overrides for Twenty Twenty-Five (test).
 * Palette tokens are defined in theme.json.
 */

:root {
	--sc-bg-primary: #0b0b0c;
	--sc-bg-secondary: #121214;
	--sc-surface: #1a1a1d;
	--sc-text-primary: #f5f5f7;
	--sc-text-secondary: #a1a1a6;
	--sc-text-muted: #6e6e73;
	--sc-border: #2c2c2e;
	--sc-border-strong: #3a3a3c;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Focus ring — subtle, not pure white flash */
:where(.wp-site-blocks *:focus) {
	outline-color: var(--sc-border-strong);
}

/* Muted meta text (dates, captions, terms) */
.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-terms,
.wp-block-comment-date,
.wp-block-comment-author-name,
.wp-block-query-pagination,
figcaption,
.wp-block-post-excerpt {
	color: var(--sc-text-secondary);
}

/* Separators */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	border-color: var(--sc-border);
	opacity: 1;
}

/* Search & form fields */
.wp-block-search__input,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
	background-color: var(--sc-surface) !important;
	border-color: var(--sc-border) !important;
	color: var(--sc-text-primary) !important;
}

.wp-block-search__input::placeholder,
input::placeholder,
textarea::placeholder {
	color: var(--sc-text-muted);
}

.wp-block-search__input:focus,
input:focus,
textarea:focus {
	border-color: var(--sc-border-strong) !important;
	outline: none;
}

/* Pullquote / quote blocks */
.wp-block-pullquote,
.wp-block-quote {
	border-color: var(--sc-border);
}

/* Tables */
.wp-block-table td,
.wp-block-table th {
	border-color: var(--sc-border);
}

/* Navigation submenu */
.wp-block-navigation__submenu-container {
	background-color: var(--sc-surface) !important;
	border: 1px solid var(--sc-border) !important;
}

/* Group / column sections with default base bg stay dark;
   patterns using accent-5 get secondary black automatically via theme.json. */

/* Outline button ghost style */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border-color: var(--sc-border-strong);
	color: var(--sc-text-primary);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: var(--sc-border) !important;
	color: var(--sc-text-primary) !important;
	border-color: var(--sc-border) !important;
}

/* Selection */
::selection {
	background: var(--sc-border-strong);
	color: var(--sc-text-primary);
}