/*
Theme Name: Tapash Singha Personal Brand
Theme URI: https://tapashsingha.com
Author: Tapash Singha
Author URI: https://tapashsingha.com
Description: A lightweight, high-converting, Elementor-compatible WordPress theme for Tapash Singha. Built around "Student & Builder — Documenting the Real Journey of a Beginner Affiliate Marketer". Supports Elementor Free & Pro, native WordPress Posts, full-width canvas layouts, and dark neon lime branding.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: tapash-singha
Tags: elementor-compatible, dark-mode, custom-colors, full-width-template, blog, one-column, two-columns
*/

/* Core Theme CSS Variables - Phase 2 Design System */
:root {
  --color-bg-primary: #050505;
  --color-bg-secondary: #080808;
  --color-bg-card: #121212;
  --color-bg-elevated: #161616;
  --color-border: #222222;
  --color-border-bright: #333333;
  --color-accent: #A3FF00;
  --color-accent-hover: #92E600;
  --color-accent-glow: rgba(163, 255, 0, 0.2);
  --color-text-main: #FFFFFF;
  --color-text-secondary: #F5F5F5;
  --color-text-muted: #A0A0A0;
  --color-text-dim: #707070;

  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-main);
  font-family: var(--font-body);
  margin: 0;
  padding: 0;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* Typography Base Defaults */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-text-main);
  letter-spacing: -0.03em;
  font-weight: 700;
  margin-top: 0;
}

a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
  color: #baff33;
}

/* Alignment & Gutenberg Block Helpers */
.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: 100%;
  width: 100%;
}