/*
Theme Name: Nano Banana
Theme URI: https://example.com/nano-banana
Author: Antigravity
Author URI: https://example.com
Description: A futuristic AI Website Builder theme.
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: nano-banana
*/

:root {
    /* Brand Colors */
    --nb-yellow: #FFE135;
    /* Vibrant Banana Yellow */
    --nb-yellow-glow: rgba(255, 225, 53, 0.5);
    --nb-black: #0a0a0a;
    /* Deepest Black */
    --nb-dark: #121212;
    /* Surface Dark */
    --nb-dark-hover: #1E1E1E;
    /* Hover State */
    --nb-gray: #888888;
    /* Text Gray */
    --nb-white: #FFFFFF;

    /* Accents */
    --nb-accent: #00E5FF;
    /* Cyan Accent */
    --nb-error: #FF4444;

    /* Spacing & Layout */
    --nb-radius: 16px;
    --nb-radius-sm: 8px;
    --nb-spacing: 20px;

    /* Effects */
    --nb-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
    --nb-glass: rgba(30, 30, 30, 0.7);
    --nb-border: 1px solid rgba(255, 255, 255, 0.1);
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-color: var(--nb-black);
    color: var(--nb-white);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    overflow-x: hidden;
    background-image:
        radial-gradient(circle at 10% 20%, rgba(255, 225, 53, 0.05) 0%, transparent 20%),
        radial-gradient(circle at 90% 80%, rgba(0, 229, 255, 0.05) 0%, transparent 20%);
}

/* Reset */
* {
    box-sizing: border-box;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--nb-black);
}

::-webkit-scrollbar-thumb {
    background: var(--nb-dark-hover);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--nb-yellow);
}