/*
 Theme Name:   Onyx
 Theme URI:    https://onyxdata.co.uk
 Description:  Custom theme for Onyx Data - Microsoft Fabric governance experts
 Author:       Onyx Data
 Author URI:   https://onyxdata.co.uk
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  onyx
*/

/* ==========================================================================
   Onyx Design System - CSS Custom Properties
   ========================================================================== */

:root {
    /* ----- Primary Palette ----- */
    --onyx-navy:            #1F273B;
    --onyx-gold:            #FFBB09;
    --onyx-mid-navy:        #303D5D;
    --onyx-light-navy:      #41537F;
    --onyx-light-gold:      #FFC93C;
    --onyx-pale-gold:       #FFD76F;

    /* ----- Extended Functional Palette ----- */
    --onyx-bg-white:        #FFFFFF;
    --onyx-bg-off-white:    #F7F8FA;
    --onyx-bg-charcoal:     #141B2B;
    --onyx-border-dark:     #2A3450;
    --onyx-gradient-start:  #1F273B;
    --onyx-gradient-end:    #0F1520;

    /* ----- Text Colors ----- */
    --onyx-text-heading:    #1F273B;
    --onyx-text-body:       #333333;
    --onyx-text-caption:    #666666;
    --onyx-text-white:      #FFFFFF;
    --onyx-text-white-80:   rgba(255, 255, 255, 0.8);
    --onyx-text-white-60:   rgba(255, 255, 255, 0.6);

    /* ----- Borders ----- */
    --onyx-border-light:    #E0E0E0;

    /* ----- Typography ----- */
    --onyx-font-family:     'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --onyx-font-light:      300;
    --onyx-font-regular:    400;
    --onyx-font-bold:       700;
    --onyx-font-black:      900;

    /* ----- Layout ----- */
    --onyx-max-width:       1280px;
    --onyx-section-pad-lg:  96px;
    --onyx-section-pad-sm:  64px;
    --onyx-card-radius:     12px;
    --onyx-btn-radius:      8px;
    --onyx-nav-btn-radius:  18px;

    /* ----- Shadows ----- */
    --onyx-shadow-card:     0 4px 16px rgba(31, 39, 59, 0.1);
    --onyx-shadow-dropdown: 0 4px 20px rgba(0, 0, 0, 0.15);
    --onyx-shadow-product:  0 20px 60px rgba(0, 0, 0, 0.4);

    /* ----- Transitions ----- */
    --onyx-ease:            cubic-bezier(0.4, 0, 0.2, 1);
    --onyx-transition:      0.25s var(--onyx-ease);

    /* ----- Hero Holographic Design ----- */
    --onyx-hero-holo-cyan:    #00D4FF;
    --onyx-hero-holo-magenta: #FF006E;
    --onyx-hero-holo-violet:  #8338EC;
    --onyx-hero-holo-blue:    #3A86FF;
    --onyx-hero-glass-blur:   24px;
}