/**
 * Theme Name: Harizma Modern
 * Theme URI: https://artemsemkin.com/harizma/wp/
 * Description: A modern visual refresh of Harizma — updated typography, refined color palette, and improved spacing. Safe for preview without affecting the live site.
 * Author: Artem Semkin / SCS Wraps
 * Template: harizma
 * Version: 1.5.0
 */

/* ==========================================================================
   CSS CUSTOM PROPERTIES — VISUAL REFRESH
   These override the parent theme's :root variables (main.css lines 111–118)
   ========================================================================== */

:root {
  /* --- Typography --- */
  --font-primary: "Inter", system-ui, -apple-system, sans-serif;
  --font-secondary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;

  /* --- Brand Colors --- */
  --color-accent-primary: #2563EB;
  --color-accent-primary-rgb: 37, 99, 235;
  --color-accent-secondary: #7C3AED;
  --color-accent-secondary-rgb: 124, 58, 237;

  /* --- Neutral Scale (replaces hard-coded #1a1a1a, #333, #8f8f8f) --- */
  --color-dark-900: #0D0D0F;
  --color-dark-800: #141416;
  --color-dark-700: #1C1C1F;
  --color-dark-600: #28282C;
  --color-mid-400: #6B7280;
  --color-light-100: #F9FAFB;
  --color-light-200: #F3F4F6;
  --color-light-300: #E5E7EB;
  --color-white: #FFFFFF;

  /* --- Radius tokens --- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-pill: 999px;

  /* --- Easing tokens --- */
  --ease-out:  cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0.0, 0.2, 1);
  --transition-base: 0.28s var(--ease-in-out);
  --transition-slow: 0.55s var(--ease-in-out);
}