ready to test

Testing

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/index.css

@@ -1,24 +1,26 @@
-/***********************************************************************************************************************************************************************
-* File Name: index.css
-* Type of Program: Cascade Style Sheet
-* Description: A set of rules provided by shadcn during project creation. 
-* Module: Global Styles
-* Author: lash0000
-* Date Created: Oct. 10, 2025
-***********************************************************************************************************************************************************************
-* Change History:
-* DATE                AUTHOR            LOG NUMBER     DESCRIPTION                                                      
-* Oct. 10, 2025       lash0000          001            Initial creation - STAR Phase 1 Project
-***********************************************************************************************************************************************************************/
+/**
+* ╔══════════════════════════════════════════════════════════════════════════════╗
+* ║                                  index.css                                   ║
+* ╠══════════════════════════════════════════════════════════════════════════════╣
+* ║  Author        : rgrgogu                                                     ║
+* ║  Date Created  : Oct. 10, 2025                                               ║
+* ║  Date Modified : May 31, 2026 (by Kenneth Obsequio)                          ║
+* ╠══════════════════════════════════════════════════════════════════════════════╣
+* ║  Changelog                                                                   ║
+* ║  - Added: 'system' theme support                                             ║
+* ║  - Added: @import "shadcn/tailwind.css" support from docs                    ║
+* ╚══════════════════════════════════════════════════════════════════════════════╝
+*/
 
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "shadcn/tailwind.css";
 
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
   /* From myself */
-  --font-geist: Geist, sans-serif;
+  --font-geist: "Instrument Sans", sans-serif;
   --breakpoint-xs: 320px;
 
   /* white fixed */
@@ -125,19 +127,12 @@
   }
 
   --animate-aurora: aurora 60s linear infinite;
-
   --color-warning-foreground: var(--warning-foreground);
-
   --color-warning: var(--warning);
-
   --color-success-foreground: var(--success-foreground);
-
   --color-success: var(--success);
-
   --color-info-foreground: var(--info-foreground);
-
   --color-info: var(--info);
-
   --color-destructive-foreground: var(--destructive-foreground);
 
   @keyframes aurora {
@@ -152,7 +147,6 @@
 }
 
 :root {
-  --navbar-h: 67px; /* match your actual navbar height */
   --radius: 0.65rem;
   --background: oklch(1 0 0);
   --foreground: oklch(0.141 0.005 285.823);
@@ -239,9 +233,10 @@
 @layer base {
   * {
     @apply border-border outline-ring/50;
+    font-family: var(--font-geist);
   }
 
   body {
     @apply bg-background text-foreground;
   }
-}
+}