/* ==========================================================
   NovaCore Design Tokens
   Version: 1.0.0
========================================================== */

:root{

/*==========================================================
= Colors
==========================================================*/

/* Brand */

--nc-primary: #2563EB;
--nc-primary-hover: #1D4ED8;
--nc-primary-light: #DBEAFE;
--nc-primary-soft: #EFF6FF;

/* Semantic */

--nc-success: #10B981;
--nc-success-light: #D1FAE5;

--nc-warning: #F59E0B;
--nc-warning-light: #FEF3C7;

--nc-danger: #EF4444;
--nc-danger-light: #FEE2E2;

--nc-info: #06B6D4;
--nc-info-light: #CFFAFE;


/*==========================================================
= Surface
==========================================================*/

--nc-background: #F8FAFC;
--nc-surface: #FFFFFF;
--nc-surface-alt: #F1F5F9;

/*--nc-border: #E5E7EB;*/
--nc-border-hover: #CBD5E1;

   --nc-bg: #f3f7ff;
   --nc-bg-secondary: #f7f3ff;
   --nc-surface: #ffffff;

   /*--nc-text: #0f172a;*/
   /*--nc-text-muted: #64748b;*/

   /*--nc-primary: #2563eb;*/
   --nc-primary-dark: #1d4ed8;

   --nc-border: rgba(15, 23, 42, 0.08);

/*==========================================================
= Text
==========================================================*/

--nc-text: #0F172A;
--nc-text-light: #334155;
--nc-muted: #64748B;
--nc-disabled: #94A3B8;

--nc-white: #FFFFFF;
--nc-black: #000000;


/*==========================================================
= Category Colors
==========================================================*/

--nc-category-software: #2563EB;
--nc-category-games: #7C3AED;
--nc-category-audio: #EC4899;
--nc-category-video: #F97316;
--nc-category-graphics: #6366F1;
--nc-category-security: #10B981;
--nc-category-utilities: #F59E0B;
--nc-category-internet: #06B6D4;


/*==========================================================
= Typography
==========================================================*/

--nc-font-family:
Inter,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;

--nc-font-mono:
"JetBrains Mono",
Consolas,
monospace;

--nc-font-size-xs: .75rem;
--nc-font-size-sm: .875rem;
--nc-font-size-base: 1rem;
--nc-font-size-lg: 1.125rem;
--nc-font-size-xl: 1.25rem;
--nc-font-size-2xl: 1.5rem;
--nc-font-size-3xl: 2rem;
--nc-font-size-4xl: 2.75rem;


/*==========================================================
= Font Weight
==========================================================*/

--nc-fw-regular:400;
--nc-fw-medium:500;
--nc-fw-semibold:600;
--nc-fw-bold:700;


/*==========================================================
= Line Height
==========================================================*/

--nc-leading-tight:1.2;
--nc-leading-normal:1.6;
--nc-leading-relaxed:1.8;


/*==========================================================
= Spacing (8px Grid)
==========================================================*/

--nc-space-1:4px;
--nc-space-2:8px;
--nc-space-3:12px;
--nc-space-4:16px;
--nc-space-5:24px;
--nc-space-6:32px;
--nc-space-7:40px;
--nc-space-8:48px;
--nc-space-9:64px;
--nc-space-10:80px;


/*==========================================================
= Radius
==========================================================*/

--nc-radius-xs:8px;
--nc-radius-sm:12px;
--nc-radius-md:16px;
--nc-radius-lg:24px;
--nc-radius-xl:32px;
--nc-radius-pill:999px;


/*==========================================================
= Shadows
==========================================================*/

--nc-shadow-xs:
0 2px 6px rgba(15,23,42,.04);

--nc-shadow-sm:
0 6px 18px rgba(15,23,42,.06);

--nc-shadow-md:
0 12px 32px rgba(15,23,42,.08);

--nc-shadow-lg:
0 24px 60px rgba(15,23,42,.12);

--nc-shadow-xl:
0 36px 90px rgba(15,23,42,.16);


/*==========================================================
= Motion
==========================================================*/

--nc-transition-fast:
.18s ease;

--nc-transition:
.28s cubic-bezier(.2,.8,.2,1);

--nc-transition-slow:
.45s cubic-bezier(.2,.8,.2,1);


/*==========================================================
= Layout
==========================================================*/

--nc-container:1320px;

--nc-header-height:84px;

--nc-sidebar-width:320px;


/*==========================================================
= Z-index
==========================================================*/

--nc-z-dropdown:100;
--nc-z-sticky:500;
--nc-z-overlay:900;
--nc-z-modal:1000;


/*==========================================================
= Icon Sizes
==========================================================*/

--nc-icon-xs:16px;
--nc-icon-sm:20px;
--nc-icon-md:24px;
--nc-icon-lg:32px;
--nc-icon-xl:48px;
--nc-icon-2xl:64px;


/*==========================================================
= Category Card
==========================================================*/

--nc-category-icon-size:96px;

--nc-category-icon-wrapper:112px;

--nc-category-card-padding:36px;



/*==========================================================
= Buttons
==========================================================*/

--nc-button-height-sm:40px;
--nc-button-height:48px;
--nc-button-height-lg:56px;

--nc-button-padding-x:24px;

--nc-button-gap:10px;

--nc-button-radius:14px;

--nc-button-font-size:15px;

--nc-button-font-weight:600;

--nc-button-icon-size:20px;

/*==========================================================
= Cards
==========================================================*/

--nc-card-padding:32px;

--nc-card-gap:24px;

--nc-card-radius:24px;

--nc-card-border:1px solid var(--nc-border);

--nc-card-background:var(--nc-surface);

--nc-card-shadow:var(--nc-shadow-sm);

--nc-card-shadow-hover:var(--nc-shadow-lg);

}