/**
 * WPSell Learnly — Public Design System
 * Shared tokens for all frontend CSS files.
 * Mirrors admin --ly-* tokens where appropriate.
 *
 * @package WPSell_Learnly
 * @since   2.1.0
 */

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
    /* Brand */
    --wpsell-gold:            #C8A951;
    --wpsell-gold-hover:      #B8973E;
    --wpsell-gold-light:      #FAF6EB;
    --wpsell-gold-muted:      rgba(200, 169, 81, 0.12);

    /* Neutrals */
    --wpsell-50:  #FAFAFA;
    --wpsell-100: #F5F5F5;
    --wpsell-200: #E5E5E5;
    --wpsell-300: #D4D4D4;
    --wpsell-400: #A3A3A3;
    --wpsell-500: #737373;
    --wpsell-600: #525252;
    --wpsell-700: #404040;
    --wpsell-800: #262626;
    --wpsell-900: #171717;

    /* Semantic */
    --wpsell-success:    #16A34A;
    --wpsell-success-bg: #F0FDF4;
    --wpsell-error:      #DC2626;
    --wpsell-error-bg:   #FEF2F2;
    --wpsell-warning:    #D97706;
    --wpsell-warning-bg: #FFFBEB;
    --wpsell-info:       #2563EB;
    --wpsell-info-bg:    #EFF6FF;

    /* Typography */
    --wpsell-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

    /* Shape */
    --wpsell-radius:    8px;
    --wpsell-radius-sm: 4px;
    --wpsell-radius-lg: 12px;

    /* Elevation */
    --wpsell-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --wpsell-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --wpsell-shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.08);

    /* Motion */
    --wpsell-transition: 150ms ease;
}