/*
Theme Name: BitcoinCryptoBlog
Theme URI: https://bitcoincryptoblog.com
Author: BitcoinCryptoBlog
Author URI: https://bitcoincryptoblog.com
Description: A dark, professional Bitcoin and cryptocurrency blog theme with gold/orange/cyan brand colors, live crypto price ticker, and modern card-based layouts.
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: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bitcoincryptoblog
Tags: blog, one-column, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, rtl-language-support, theme-options, translation-ready
*/

/*
 * This file is intentionally minimal. All compiled styles live in
 * assets/css/main.css which is enqueued via functions.php.
 * Only base resets and critical above-the-fold styles are included here
 * to prevent FOUC (flash of unstyled content).
 */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    /* Dark backgrounds */
    --bg-primary:   #080912;
    --bg-secondary: #0f1120;
    --bg-card:      #131627;
    --bg-elevated:  #1a1e35;
    --bg-surface:   #20253e;

    /* Brand colors */
    --gold-bright:  #FFE380;
    --gold:         #FFC14D;
    --gold-mid:     #F7B731;
    --gold-dark:    #B88700;
    --orange:       #FF6B1A;
    --orange-dark:  #D45510;
    --cyan:         #00C9FF;
    --cyan-dark:    #0097BB;

    /* Borders & dividers */
    --border-subtle:  #1e2238;
    --border-default: #252a45;
    --border-glow:    rgba(255, 193, 77, 0.25);

    /* Text */
    --text-primary:   #EDF0FA;
    --text-secondary: #9EA8C5;
    --text-muted:     #5C6480;
    --text-inverse:   #080912;

    /* Gradients */
    --gradient-brand:   linear-gradient(135deg, #ff9d00 0%, #ff6b1a 45%, #00c9ff 100%);
    --gradient-gold:    linear-gradient(135deg, #FFE380 0%, #FFC14D 50%, #B88700 100%);
    --gradient-hero:    linear-gradient(160deg, #0d0f22 0%, #0f1428 40%, #0a0d1e 100%);
    --gradient-card:    linear-gradient(145deg, #131627, #0f1120);
    --gradient-glow-gold: radial-gradient(ellipse at 50% 0%, rgba(255,193,77,0.15) 0%, transparent 70%);
    --gradient-glow-cyan: radial-gradient(ellipse at 50% 100%, rgba(0,201,255,0.10) 0%, transparent 70%);

    /* Typography */
    --font-heading: 'Exo 2', 'Rajdhani', 'Segoe UI', sans-serif;
    --font-body:    'Inter', 'Segoe UI', sans-serif;
    --font-mono:    'Space Mono', 'Courier New', monospace;

    /* Sizing & spacing */
    --container-xl: 1280px;
    --container-lg: 1060px;
    --radius-xs:  4px;
    --radius-sm:  8px;
    --radius-md:  14px;
    --radius-lg:  22px;
    --radius-xl:  32px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm:   0 2px 8px rgba(0,0,0,0.4);
    --shadow-md:   0 4px 20px rgba(0,0,0,0.5);
    --shadow-lg:   0 8px 40px rgba(0,0,0,0.6);
    --shadow-gold: 0 0 24px rgba(255,193,77,0.25);
    --shadow-cyan: 0 0 24px rgba(0,201,255,0.20);

    /* Transitions */
    --transition-fast:   0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow:   0.4s ease;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Prevent layout shift while fonts load */
body:not(.fonts-loaded) {
    font-family: 'Segoe UI', sans-serif;
}