/*
Theme Name:  Second Chance Exchange
Theme URI:   https://secondchance.exchange
Author:      Second Chance Exchange
Author URI:  https://secondchance.exchange
Description: Community-first vaporizer forum and peer-to-peer marketplace theme. Custom CPT-based listings, Discord webhook integration, and forum system.
Version:     1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License:     GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sce
Tags:        dark, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
   DESIGN TOKENS
   All color/spacing/font variables defined here.
   These are imported by assets/css/main.css and all partials.
============================================================ */
:root {
  /* Core palette */
  --sce-bg-base:         #090910;
  --sce-bg-surface:      #0e0e18;
  --sce-bg-card:         #13131e;
  --sce-bg-card-hover:   #191928;

  /* Borders */
  --sce-border:          rgba(255,255,255,0.07);
  --sce-border-bright:   rgba(255,255,255,0.13);

  /* Brand colors */
  --sce-teal:            #00d4aa;
  --sce-teal-mid:        #00b894;
  --sce-teal-dim:        rgba(0, 212, 170, 0.12);
  --sce-teal-glow:       rgba(0, 212, 170, 0.35);
  --sce-amber:           #f4a118;
  --sce-amber-dim:       rgba(244, 161, 24, 0.13);
  --sce-amber-glow:      rgba(244, 161, 24, 0.35);
  --sce-coral:           #ff6b6b;
  --sce-violet:          #8b7cf8;
  --sce-discord:         #5865f2;

  /* Text */
  --sce-text-primary:    #e8e8f2;
  --sce-text-secondary:  #9494b8;
  --sce-text-muted:      #55557a;

  /* Typography */
  --sce-font-display:    'Outfit', 'DM Sans', sans-serif;
  --sce-font-body:       'DM Sans', sans-serif;

  /* Shape */
  --sce-radius-sm:       6px;
  --sce-radius-md:       12px;
  --sce-radius-lg:       18px;
  --sce-radius-xl:       26px;

  /* Layout */
  --sce-nav-h:           68px;
  --sce-max-w:           1280px;

  /* Shadows */
  --sce-shadow-card:     0 4px 32px rgba(0,0,0,0.45);
}

/* ============================================================
   BASE RESET
============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: var(--sce-font-body);
  background-color: var(--sce-bg-base);
  color: var(--sce-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* WordPress core alignment */
.alignleft  { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.alignwide  { width: 100%; max-width: 100%; }
.alignfull  { width: 100vw; position: relative; left: 50%; transform: translateX(-50%); }

/* Skip link */
.skip-link {
  position: absolute;
  top: -100px;
  left: 8px;
  z-index: 10000;
  background: var(--sce-teal);
  color: #090910;
  padding: 8px 16px;
  border-radius: var(--sce-radius-sm);
  font-weight: 700;
  transition: top 0.2s;
}
.skip-link:focus { top: 8px; }

img, video { max-width: 100%; height: auto; display: block; }
a { color: var(--sce-teal); text-decoration: none; }
a:hover { text-decoration: underline; }
button { cursor: pointer; font-family: var(--sce-font-body); }
ul, ol { list-style: none; }

/* WordPress generated classes */
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--sce-text-muted); text-align: center; margin-top: 6px; }
.sticky { border-left: 3px solid var(--sce-teal); }
.screen-reader-text {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}