/*
Theme Name: BuyBitcoin Theme
Author: Guido
Version: 1.2
*/

:root {
    --bb-primary: #2a9d8f;
    --bb-secondary: #48bb78;
    --bb-accent: #9ccc65;
    --bb-highlight: #f4a261;
    --bb-danger: #e76f51;
    --bb-dark: #264653;
    --bb-darker: #1a535c;
    --bb-light: #f0f7f4;
    --bb-text: #1f2937;
    --bb-text-light: #f9fafb;
    --bb-muted: #d1d5db;
    --bb-radius: 12px;
    --jungle-green: #2a9d8f;
    --rainforest-teal: #1b998b;
    --tropical-turquoise: #38b2ac;
    --costa-rica-green: #48bb78;
    --banana-leaf: #9ccc65;
    --mango-yellow: #f4a261;
    --sunset-orange: #e76f51;
    --earth-brown: #8b4513;
    --canopy-dark: #1a535c;
    --forest-dark: #264653;
    --light-bamboo: #f0f7f4;
    --text-dark: #1f2937;
    --text-light: #f9fafb;
    --bg-primary: var(--forest-dark);
    --bg-surface: var(--canopy-dark);
    --bg-card: rgba(26, 83, 92, 0.7);
    --border-color: rgba(42, 157, 143, 0.2);
    --text-primary: var(--text-light);
    --text-secondary: #d1d5db;
}

body[data-theme="light"] {
    --bg-primary: var(--light-bamboo);
    --bg-surface: #ffffff;
    --bg-card: #ffffff;
    --border-color: rgba(38, 70, 83, 0.1);
    --text-primary: var(--text-dark);
    --text-secondary: #4b5563;
}

body[data-theme="dark"] {
    --bg-primary: var(--forest-dark);
    --bg-surface: var(--canopy-dark);
    --bg-card: rgba(26, 83, 92, 0.7);
    --border-color: rgba(42, 157, 143, 0.2);
    --text-primary: var(--text-light);
    --text-secondary: #d1d5db;
}

html {
    font-size: 80%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

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

body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.7;
    overflow-x: hidden;
    transition: background-color 0.4s ease, color 0.4s ease;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

a:hover {
    opacity: 0.95;
}

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

button,
input,
select,
textarea {
    font: inherit;
}

.container {
    width: min(1200px, calc(100% - 40px));
    margin: 0 auto;
}

/* ==========================================================
   AI APP UPGRADE 2026
   ========================================================== */
html { font-size: 87.5%; }
body { min-width: 320px; }
body.bb-menu-open { overflow: hidden; }

main > section:first-child { margin-top: 0 !important; }
.hero, .hero-slider-new { padding-top: 78px !important; }
.hero-actions, .actions, .footer-grid, .features-grid, .crypto-row { row-gap: 18px !important; }
.feature-card, .crypto-block, .product, .bb-card { border-radius: 24px !important; }