/*
Theme Name: SHARP.LK
Theme URI: https://sharp.lk
Author: SHARP.LK Architecture Team
Author URI: https://sharp.lk
Description: Bespoke high-performance WordPress & WooCommerce theme recreating the SHARP.LK × Piece of Rock streetwear experience. Built with native PHP templates, CSS Custom Properties, and zero page-builder bloat.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://sharp.lk/terms
Text Domain: sharp-lk
Tags: e-commerce, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, translation-ready

--------------------------------------------------------------
SHARP.LK × PIECE OF ROCK — DESIGN TOKENS & BASE CONFIGURATION
--------------------------------------------------------------
*/

:root {
  /* Brand Core Palette */
  --charcoal: #1E262A;
  --yellow: #FFFF3D;
  --gray: #E8E8E8;

  /* HSL System Values */
  --background: 200 17% 14%;
  --foreground: 0 0% 91%;
  --card: 200 17% 14%;
  --card-foreground: 0 0% 91%;
  --popover: 200 17% 14%;
  --popover-foreground: 0 0% 91%;
  --primary: 60 100% 62%;
  --primary-foreground: 200 17% 14%;
  --secondary: 0 0% 91%;
  --secondary-foreground: 200 17% 14%;
  --muted: 200 12% 21%;
  --muted-foreground: 0 0% 67%;
  --accent: 60 100% 62%;
  --accent-foreground: 200 17% 14%;
  --destructive: 60 100% 62%;
  --destructive-foreground: 200 17% 14%;
  --border: 200 8% 30%;
  --input: 200 8% 30%;
  --ring: 60 100% 62%;
  --radius: 0.125rem;

  /* Typography Stacks */
  --display: 'Barlow Condensed', sans-serif;
  --body: 'Manrope', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
}

/* --------------------------------------------------------------
   ACCESSIBILITY: VISUALLY HIDDEN (SCREEN READER ONLY)
-------------------------------------------------------------- */
.sr-only,
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}