/*
Theme Name:        NordicDataTools
Theme URI:         https://nordicdatatools.com
Author:            NordicDataTools
Author URI:        https://nordicdatatools.com
Description:       A modern, premium WordPress theme built on the NDT Indigo brand. Fully configurable via the Theme Panel — menu behaviour, layout, colours, typography, header, footer, and buttons. Compatible with Elementor and the block editor (Gutenberg).
Version:           1.1.5
Requires at least: 6.2
Tested up to:      6.7
Requires PHP:      8.0
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       ndt-theme
Tags:              custom-colors, custom-menu, custom-logo, full-width-template, blog, e-commerce, elementor, gutenberg
*/

/* =============================================================
   CSS CUSTOM PROPERTIES  — set by Theme Panel via wp_add_inline_style()
   All values here are the defaults; PHP overwrites them at runtime.
   ============================================================= */
:root {
    /* ── Brand palette ── */
    --ndt-navy:        #0D1B4A;
    --ndt-indigo:      #1A2F7A;
    --ndt-blue:        #4F6EF5;
    --ndt-blue-light:  #A5B4FC;
    --ndt-ice:         #EEF2FF;
    --ndt-white:       #FFFFFF;

    /* ── Semantic colour tokens ── */
    --ndt-color-primary:       var(--ndt-blue);
    --ndt-color-primary-dark:  var(--ndt-indigo);
    --ndt-color-primary-light: var(--ndt-blue-light);
    --ndt-color-bg:            var(--ndt-white);
    --ndt-color-bg-alt:        var(--ndt-ice);
    --ndt-color-surface:       var(--ndt-white);
    --ndt-color-text:          var(--ndt-navy);
    --ndt-color-text-muted:    #5A6A8A;
    --ndt-color-border:        #DDE3F5;
    --ndt-color-heading:       var(--ndt-navy);
    --ndt-color-link:          var(--ndt-blue);
    --ndt-color-link-hover:    var(--ndt-indigo);
    --ndt-color-footer-bg:     var(--ndt-navy);
    --ndt-color-footer-text:   rgba(255,255,255,0.80);

    /* ── Button tokens ── */
    --ndt-btn-bg:           var(--ndt-blue);
    --ndt-btn-text:         #FFFFFF;
    --ndt-btn-hover-bg:     var(--ndt-indigo);
    --ndt-btn-radius:       8px;
    --ndt-btn-padding:      0.7em 1.6em;
    --ndt-btn-font-weight:  700;
    --ndt-btn-font-size:    1rem;
    --ndt-btn-shadow:       0 2px 12px rgba(79,110,245,0.22);

    /* ── Header tokens ── */
    --ndt-header-bg:          var(--ndt-navy);
    --ndt-header-text:        #FFFFFF;
    --ndt-header-height:      72px;
    --ndt-header-shadow:      0 2px 24px rgba(13,27,74,0.18);
    --ndt-header-border:      none;

    /* ── Layout tokens ── */
    --ndt-layout-max-width:   1200px;
    --ndt-layout-content-max: 780px;
    --ndt-layout-padding:     clamp(1rem, 4vw, 2.5rem);
    --ndt-layout-gutter:      2rem;
    --ndt-section-padding:    clamp(3rem, 8vw, 6rem);

    /* ── Typography tokens ── */
    --ndt-font-heading: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --ndt-font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;
    --ndt-font-mono:    'Fira Code', 'Courier New', monospace;
    --ndt-font-size-base: 16px;
    --ndt-line-height:    1.65;

    /* ── Radii ── */
    --ndt-radius-sm:   6px;
    --ndt-radius-md:   12px;
    --ndt-radius-lg:   20px;
    --ndt-radius-xl:   28px;

    /* ── Shadows ── */
    --ndt-shadow-sm:  0 1px 4px rgba(13,27,74,0.07);
    --ndt-shadow-md:  0 4px 20px rgba(13,27,74,0.10);
    --ndt-shadow-lg:  0 12px 40px rgba(13,27,74,0.13);

    /* ── Transitions ── */
    --ndt-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
