/*!
Theme Name: robotechnepal
Theme URI: https://robotechnepal.com.np
Description: A portfolio theme for robotechnepal
Version: 0.1.0
Author: Prince Singh
Author URI: https://princekushwaha.com.np
Text Domain: robotechnepal
Requires at least: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

robotechnepal is based on _tw https://underscoretw.com/, (C) 2021-2026 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.
*/

/* Base CSS Reset & Theme Design System */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
	--font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--font-display: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

*, ::before, ::after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e2e8f0;
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	font-family: var(--font-sans);
	scroll-behavior: smooth;
}

body {
	margin: 0;
	line-height: inherit;
	background-color: #f8fafc;
	color: #0f172a;
}

.dark body {
	background-color: #090d16;
	color: #f8fafc;
}

/* Animations & Custom Utility Classes */
@keyframes pulse {
	50% { opacity: .5; }
}

.animate-pulse {
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
	animation: fadeIn 0.3s ease-out forwards;
}

/* Line Clamp Utilities */
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* WordPress Typography & Editor Reset */
.prose {
	max-width: 65ch;
	color: #334155;
}

.dark .prose {
	color: #cbd5e1;
}

.prose a {
	color: #4f46e5;
	text-decoration: underline;
}

.prose p {
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

/* Responsive Image System */
img, svg, video {
	display: block;
	max-width: 100%;
	height: auto;
}