feat: updated code comments and modified the shadow's intensity of light theme.

Author: ikelaiah

layouts/index.html

@@ -19,8 +19,8 @@ <h1>Pascal</h1>
                   - To add a new example:
                     1) Add a button here with data-example="yourkey"
                     2) Add a matching <div class="code-example" id="example-yourkey"> below.
-                    3) Define a Hugo variable with backticks (e.g., $yourCode := `...`) and render with
-                       {{ highlight $yourCode "objectpascal" "linenos=false" }}
+                    3) Define a Hugo variable with backticks and render with appropriate options
+
                   - The tab switching is implemented in JS inside layouts/_default/baseof.html.
                 -->
                 <div class="code-selector">

static/css/main.css

@@ -15,7 +15,7 @@
   --accent-hover: #0256cc;
   --border-color: #e1e4e8;
   --code-bg: #f6f8fa;
-  --shadow: rgba(27, 31, 35, 0.04);
+  --shadow: rgba(27, 31, 35, 0.25);
 
   /* Typography */
   --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -51,7 +51,7 @@
   --accent-hover: #1f6feb;
   --border-color: #30363d;
   --code-bg: #161b22;
-  --shadow: rgba(0, 0, 0, 0.4);
+  --shadow: rgba(0, 0, 0, 0.35);
 }
 
 /* Reset and base styles */
@@ -637,7 +637,6 @@ hr {
     border-bottom: 1px solid var(--border-color);
     gap: var(--spacing-md);
     padding: var(--spacing-md) var(--spacing-lg);
-    box-shadow: 0 8px 25px var(--shadow);
     z-index: 110;
     /* hidden state */
     max-height: 0;
@@ -646,9 +645,12 @@ hr {
     transform: translateY(-8px);
     pointer-events: none;
     visibility: hidden;
-    transition: max-height 0.25s ease, opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
+    transition: max-height 0.25s ease,
+                opacity 0.2s ease,
+                transform 0.2s ease,
+                visibility 0.2s ease,
+                box-shadow 0.2s ease; /* animate shadow */
   }
-
   /* Shown when hamburger is toggled */
   .navbar-menu.is-open {
     max-height: 60vh;