/**
 * Design Tokens
 *
 * Reserved for CSS custom properties.
 *
 * @package Novi8
 * @since 1.0.0
 */

/* Google Fonts - Instrument Sans */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&display=swap');

:root {
	/* Typography */
	--font-family-base: 'Instrument Sans', sans-serif;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;

	/* Background Colors */
	--color-bg-dark: #000013;
	--color-bg-dark-start: #000013;
	--color-bg-dark-mid: #000013;
	--color-bg-dark-end: #000013;
	--color-bg-darker: #000013;

	/* Text Colors */
	--color-text-primary: #ffffff;
	--color-text-secondary: rgba(255, 255, 255, 0.7);
	--color-text-muted: rgba(255, 255, 255, 0.5);
	--color-text-subtle: rgba(255, 255, 255, 0.5);
	--color-text-dim: rgba(255, 255, 255, 0.5);
	--color-text-dark: #061016;

	/* Border Colors */
	--color-border-light: rgba(255, 255, 255, 0.15);
	--color-border-medium: rgba(255, 255, 255, 0.15);
	--color-border-card: rgba(60, 60, 74, 1);

	/* Overlay/Background Colors */
	--color-overlay-light: rgba(255, 255, 255, 0.04);
	--color-overlay-medium: rgba(255, 255, 255, 0.06);
	--color-overlay-hover: rgba(255, 255, 255, 0.1);
	--color-overlay-menu: rgba(255, 255, 255, 0.07);

	/* Topbar */
	--color-topbar-bg: rgba(0, 0, 19, 0.95);

	/* Menu/Dropdown */
	--color-menu-bg: #000013;

	/* Accent Colors */
	--color-accent-lime: #60ff47;
	--color-accent-blue: #0ea5e9;
	--color-accent-green: #22c55e;

	/* Layout */
	--sidebar-width: 280px;
	--topbar-height: 80px;
	--content-max-width: 1480px;

	/* Opacity Values */
	--opacity-caret: 0.7;

	/* Shadows */
	--shadow-menu: 0 18px 30px rgba(0, 0, 0, 0.35);
	--shadow-avatar: 0 4px 12px rgba(0, 0, 0, 0.25);
	--shadow-active: 0 10px 30px rgba(96, 255, 71, 0.15);
}