/*
Theme Name: VietSolutions Tools
Theme URI: https://vietsolutions.net.vn/
Author: VietSolutions
Author URI: https://vietsolutions.net.vn/
Description: Destination-tool theme for VietSolutions Tools — a collection of in-browser developer & designer utilities (playground, CSS generators, Unicode, etc.). Converted 1:1 from home.html. Tailwind (Play CDN) + Material Symbols + Inter/JetBrains Mono. Not a child theme.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vietsolutions-tools
*/

/* ----------------------------------------------------------------------------
   Custom CSS carried over verbatim from home.html <style> block.
   Tailwind utility classes themselves come from the Play CDN; this file only
   holds the handful of non-Tailwind rules the design relies on.
   --------------------------------------------------------------------------- */

body {
    font-family: 'Inter', sans-serif;
    background-color: #F8FAFC;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    border: 1px solid #E2E8F0;
}

.hero-pattern {
    background-image: radial-gradient(#2563EB 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    opacity: 0.05;
}

/* WordPress admin bar offset: the header is position:fixed, so push it down
   when the logged-in admin bar is present so it doesn't overlap the nav. */
.admin-bar header.site-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar header.site-header {
        top: 46px;
    }
}