/*
 * =========================================================
 * KRADPC
 * DEWPOINT THEME
 * Canonical Theme Variables
 * =========================================================
 *
 * Framework:
 *   KradPC
 *
 * Theme:
 *   dewpoint_theme
 *
 * Public Brand:
 *   DEWPOINT
 *
 * This file contains VALUES only.
 *
 * It does not contain page-specific fixes or CSS overrides.
 * KradPC modules will consume these semantic variables.
 */


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

:root {

    --kr-font-body:
        Arial,
        Helvetica,
        sans-serif;

    --kr-font-heading:
        Arial,
        Helvetica,
        sans-serif;

    --kr-font-mono:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace;


    /* =====================================================
       DEWPOINT PUBLIC BRAND
       ===================================================== */

    --kr-brand-navy:
        #020b25;

    --kr-brand-navy-2:
        #07143a;

    --kr-brand-navy-3:
        #101345;


    --kr-brand-primary:
        #7928e8;

    --kr-brand-primary-2:
        #9344f3;

    --kr-brand-secondary:
        #287cf5;


    /* =====================================================
       DEWPOINT LOGO / ACTION GRADIENTS
       ===================================================== */

    --kr-brand-gradient:
        linear-gradient(
            90deg,
            #6d28d9 0%,
            #7c35e4 34%,
            #125fc8 68%,
            #1c7df2 100%
        );

    --kr-checkout-gradient:
        linear-gradient(
            90deg,
            #8929e9,
            #6341ef 48%,
            #277cf6
        );


    /* =====================================================
       SURFACES
       ===================================================== */

    --kr-page-bg:
        #ffffff;

    --kr-surface:
        #ffffff;

    --kr-surface-soft:
        #f7f6fc;

    --kr-surface-accent:
        #f5f2ff;


    /* =====================================================
       TEXT
       ===================================================== */

    --kr-text:
        #11172b;

    --kr-text-muted:
        #6d758b;

    --kr-text-inverse:
        #ffffff;


    /* =====================================================
       BORDERS
       ===================================================== */

    --kr-border:
        #e5e6ef;

    --kr-border-soft:
        rgba(27,28,54,.08);


    /* =====================================================
       SHADOWS
       ===================================================== */

    --kr-shadow-card:
        0 10px 30px
        rgba(27,28,54,.08);

    --kr-shadow-floating:
        0 22px 70px
        rgba(0,0,0,.20);


    /* =====================================================
       SEMANTIC STATES
       ===================================================== */

    --kr-success:
        #29d66f;

    --kr-warning:
        #f6b93b;

    --kr-danger:
        #ff5c7a;

    --kr-info:
        #287cf5;


    /* =====================================================
       MANAGEMENT / OWNER DEFAULT ACCENT
       ===================================================== */

    --kr-accent:
        var(--kr-brand-primary);

    --kr-accent-2:
        var(--kr-brand-primary-2);

    --kr-accent-soft:
        var(--kr-surface-accent);

    --kr-accent-text:
        #6d28d9;

    --kr-sidebar:
        var(--kr-brand-navy);

    --kr-sidebar-2:
        var(--kr-brand-navy-2);


    /* =====================================================
       OWNER SIDEBAR
       ===================================================== */

    --kr-sidebar-text:
        #ffffff;

    --kr-sidebar-nav-text:
        rgba(255,255,255,.90);

    --kr-sidebar-border:
        rgba(255,255,255,.10);

    --kr-sidebar-hover-bg:
        rgba(255,255,255,.10);

    --kr-sidebar-soft-bg:
        rgba(255,255,255,.06);

    --kr-sidebar-active-icon-bg:
        rgba(255,255,255,.12);

    --kr-sidebar-divider:
        rgba(255,255,255,.11);

    --kr-sidebar-account-bg:
        rgba(255,255,255,.06);

    --kr-sidebar-account-hover-bg:
        rgba(255,255,255,.10);

    --kr-sidebar-signout-hover-bg:
        rgba(255,255,255,.07);

    --kr-sidebar-scrollbar:
        #a78bfa;

    --kr-sidebar-scrollbar-track:
        rgba(255,255,255,.08);

    --kr-sidebar-active-shadow:
        0 8px 20px
        rgba(28,8,72,.28);


    /* =====================================================
       OWNER DASHBOARD
       ===================================================== */

    --kr-dashboard-text:
        #172033;

    --kr-dashboard-strong-text:
        #111827;

    --kr-dashboard-muted:
        #68758a;

    --kr-dashboard-line:
        #e4e9f2;

    --kr-dashboard-soft:
        #f7f9fc;

    --kr-dashboard-card:
        #ffffff;

    --kr-dashboard-shadow:
        0 8px 24px
        rgba(25,36,60,.055);


    /* =====================================================
       DERIVED MANAGEMENT TOKENS
       ===================================================== */

    --kr-theme-soft:
        var(--kr-accent-soft);

    --kr-theme-border:
        color-mix(
            in srgb,
            var(--kr-accent) 28%,
            white
        );

    --kr-theme-faint:
        color-mix(
            in srgb,
            var(--kr-accent) 7%,
            white
        );

    --kr-theme-mid:
        color-mix(
            in srgb,
            var(--kr-accent) 16%,
            white
        );

}