/*
Theme Name: Kizzi World
Theme URI: https://kizziworld.com
Author: Kizzi World
Author URI: https://kizziworld.com
Description: Premium custom theme for KizziWorld.com — a unified self-discovery ecosystem.
Version: 1.0.0
License: Private
Text Domain: kizziworld
*/

/* ============================================================
   DESIGN SYSTEM — CSS VARIABLES
   ============================================================ */

:root {
  /* --- Colour Palette --- */
  --kw-bg:           #FAFAF8;
  --kw-bg-alt:       #F4F4F1;
  --kw-bg-dark:      #0D1117;
  --kw-bg-dark-alt:  #141920;
  --kw-text:         #111111;
  --kw-text-mid:     #444444;
  --kw-text-muted:   #888888;
  --kw-text-light:   #FAFAF8;
  --kw-teal:         #0F766E;
  --kw-teal-light:   #14B8A6;
  --kw-teal-pale:    #CCFBF1;
  --kw-teal-dark:    #0A4F49;
  --kw-gold:         #B08D57;
  --kw-gold-light:   #C9A96E;
  --kw-border:       #E5E5E0;
  --kw-border-dark:  #2A2F38;
  --kw-white:        #FFFFFF;

  /* --- Typography --- */
  --kw-font-heading: 'Sora', sans-serif;
  --kw-font-body:    'Inter', sans-serif;

  /* --- Spacing --- */
  --kw-space-xs:   0.5rem;
  --kw-space-sm:   1rem;
  --kw-space-md:   1.5rem;
  --kw-space-lg:   2.5rem;
  --kw-space-xl:   4rem;
  --kw-space-2xl:  6rem;
  --kw-space-3xl:  9rem;

  /* --- Border Radius --- */
  --kw-radius-sm:  8px;
  --kw-radius-md:  14px;
  --kw-radius-lg:  20px;
  --kw-radius-xl:  28px;
  --kw-radius-full: 9999px;

  /* --- Shadows --- */
  --kw-shadow-sm:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --kw-shadow-md:  0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --kw-shadow-lg:  0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);
  --kw-shadow-xl:  0 24px 64px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.06);
  --kw-shadow-teal: 0 8px 32px rgba(15,118,110,0.18);

  /* --- Transitions --- */
  --kw-transition:       all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  --kw-transition-slow:  all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Container --- */
  --kw-container:  1200px;
  --kw-container-narrow: 780px;
}