/*
Theme Name: Kendra Premium Model Management
Theme URI: https://kendra-models-267v.arcada.app
Author: Design Arena Agent
Author URI: https://www.designarena.ai
Description: A premium, minimalist, dark-themed model agency WordPress theme built for Kendra. Features dynamic model filtering, interactive shortlisting, and seamless casting and application forms. Inspired by FOMO Models.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kendra
Tags: dark, minimalist, portfolio, model-agency, clean, responsive-layout, featured-images, translation-ready, custom-menu, custom-background

This theme is designed to run out-of-the-box. It uses Tailwind CSS for modern utility-first styling and features vanilla JS for interactive model filtering, shortlisting, and multi-step forms.
*/

/* Base Theme Reset & Custom Scrollbar */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #09090b; /* zinc-950 */
    color: #ffffff;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Custom Scrollbar for premium feel */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #09090b;
}

::-webkit-scrollbar-thumb {
    background: #27272a; /* zinc-800 */
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3f3f46; /* zinc-700 */
}

/* Custom styles for the theme */
.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* CSS transitions and visual polish */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

/* Premium gradient overlays */
.gradient-overlay-dark {
    background: linear-gradient(to top, rgba(9, 9, 11, 1) 0%, rgba(9, 9, 11, 0.4) 50%, rgba(9, 9, 11, 0) 100%);
}

.gradient-overlay-card {
    background: linear-gradient(to top, rgba(9, 9, 11, 0.95) 0%, rgba(9, 9, 11, 0.5) 40%, rgba(9, 9, 11, 0) 100%);
}