/* ============================================================
   GLOBAL STYLES - Variables, Fonts, Common Elements
   ============================================================ */

:root {
	--tblr-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
	--tblr-success: #10B981;
	--tblr-success-rgb: 16, 185, 129;

	/* Design Tokens: Light Theme */
	--mcc-bg-primary:   #f4f6fa;
	--mcc-bg-surface:   #ffffff;
	--mcc-text-primary: #0f172a;
	--mcc-text-muted:   #475569;
	--mcc-border-color: rgba(0, 0, 0, 0.06);
	--mcc-card-bg:      #ffffff;
	--mcc-news-bg:      #ffffff;

	/* Ocean / Hero Tokens */
	--mcc-ocean-top:       #0EAEF0;
	--mcc-ocean-mid:       #0e80f0;
	--mcc-ocean-bottom:    #0E6AF0;
	--mcc-ocean-accent:    rgba(14, 174, 240, 0.30);
	--mcc-ocean-grid:      rgba(255, 255, 255, 0.07);

	/* Brand Tokens */
	--mcc-primary:        #0084ff;
	--mcc-primary-hover:  #0066cc;

	/* Propagate to Tabler vars */
	--tblr-body-bg:       var(--mcc-bg-primary);
	--tblr-body-color:    var(--mcc-text-primary);
	--tblr-card-bg:       var(--mcc-bg-surface);
	--tblr-card-color:    var(--mcc-text-primary);
	--tblr-border-color:  var(--mcc-border-color);
}

[data-bs-theme=dark] {
	--mcc-bg-primary:   #0c0c0d;
	--mcc-bg-surface:   #141416;
	--mcc-text-primary: #f8fafc;
	--mcc-text-muted:   #94a3b8;
	--mcc-border-color: rgba(255, 255, 255, 0.08);
	--mcc-card-bg:      #141416;
	--mcc-news-bg:      #141416;
}

/* Fonts */
@font-face {
  font-family: "Gilroy-SemiBold";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/gilroy/Gilroy-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Gilroy-ExtraBold";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/gilroy/Gilroy-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Minecraft";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/minecraft/minecraft.woff") format("woff");
}

/* Body */
body {
	font-feature-settings: "cv03", "cv04", "cv11";
	background: var(--mcc-bg-primary) !important;
	background-image: none !important;
	background-size: auto !important;
	color: var(--mcc-text-primary) !important;
}

/* Global Card Styles */
.card {
	background-color: var(--mcc-card-bg) !important;
	color: var(--mcc-text-primary) !important;
	border: 1px solid var(--mcc-border-color) !important;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02) !important;
	--tblr-card-border-radius: 0.5rem;
	margin-bottom: 1rem;
}

.card-header {
	border-bottom: 1px solid var(--mcc-border-color) !important;
	background-color: var(--mcc-card-bg) !important;
	color: var(--mcc-text-primary) !important;
}

/* Table */
.table { color: var(--mcc-text-primary) !important; }
.table th {
	color: var(--mcc-text-muted) !important;
	border-bottom-color: var(--mcc-border-color) !important;
}
.table td { border-bottom-color: var(--mcc-border-color) !important; }

/* Buttons */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--tblr-primary) !important;
	border-color: var(--tblr-primary) !important;
	opacity: 0.9 !important;
}

/* Utilities */
[x-cloak] { display: none !important; }
.ti { font-size: 20px; }
ul { padding: 0; margin: 0; list-style: none; }