/**
 * Credbio Theme — Base Styles
 *
 * File location: credbio-theme/assets/css/theme.css
 *
 * Global resets and base styles for the Credbio theme.
 * Credbio plugin pages have their own scoped CSS — this file
 * only sets the global foundation.
 *
 * @package CredbioTheme
 * @since   1.0.0
 */

/* -------------------------------------------------------------------------
   CSS Variables
   ------------------------------------------------------------------------- */

:root {
	--cb-green:    #10b981;
	--cb-green-dk: #059669;
	--cb-dark:     #0a0a0a;
	--cb-surface:  #111111;
	--cb-border:   #222222;
	--cb-muted:    #666666;
	--cb-text:     #f0f0f0;
	--cb-font:     'DM Sans', sans-serif;
	--cb-radius:   12px;
}

/* -------------------------------------------------------------------------
   Reset
   ------------------------------------------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: var(--cb-dark);
	color: var(--cb-text);
	font-family: var(--cb-font);
	font-size: 15px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

p {
	margin: 0;
	padding: 0;
}

a {
	color: var(--cb-green);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

button {
	font-family: var(--cb-font);
	cursor: pointer;
}

input,
textarea,
select {
	font-family: var(--cb-font);
}

/* -------------------------------------------------------------------------
   WordPress core overrides
   Keep the dark theme consistent even when WP injects elements
   ------------------------------------------------------------------------- */

/* Remove admin bar top margin on frontend */
html body.admin-bar {
	margin-top: 0 !important;
}

/* Align admin bar with dark theme */
#wpadminbar {
	background: #111111;
}

/* -------------------------------------------------------------------------
   Utility classes
   ------------------------------------------------------------------------- */

.cb-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0;
}

.cb-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.cb-text-green { color: var(--cb-green); }
.cb-text-muted { color: var(--cb-muted); }