003-01 Download footer assets from Figma

Author: markgoho

docs/delivery/003/003-01.md

@@ -8,9 +8,12 @@ Download the social media icons (Facebook, X, Instagram) as SVGs from the Figma
 
 ## Status History
 
-| Timestamp           | Event Type | From Status | To Status | Details           | User      |
-| ------------------- | ---------- | ----------- | --------- | ----------------- | --------- |
-| 2025-07-11 16:29:53 | Created    | N/A         | Proposed  | Task file created | AICopilot |
+| Timestamp           | Event Type    | From Status | To Status   | Details                    | User      |
+| ------------------- | ------------- | ----------- | ----------- | -------------------------- | --------- |
+| 2025-07-11 16:29:53 | Created       | N/A         | Proposed    | Task file created          | AICopilot |
+| 2025-07-11 16:33:17 | Status Change | Proposed    | In Progress | Work started on task       | AICopilot |
+| 2025-07-11 16:40:18 | Status Change | In Progress | Review      | Task ready for review      | AICopilot |
+| 2025-07-11 16:41:00 | Status Change | Review      | Done        | Task approved and complete | mgoho     |
 
 ## Requirements
 

docs/delivery/003/tasks.md

@@ -8,7 +8,7 @@ This document lists all tasks associated with PBI 003.
 
 | Task ID | Name                                             | Status   | Description                                                                                         |
 | :------ | :----------------------------------------------- | :------- | :-------------------------------------------------------------------------------------------------- |
-| 003-01  | [Download footer assets from Figma](./003-01.md) | Proposed | Download the social media icons (Facebook, X, Instagram) as SVGs.                                   |
+| 003-01  | [Download footer assets from Figma](./003-01.md) | Done     | Download the social media icons (Facebook, X, Instagram) as SVGs.                                   |
 | 003-02  | [Update footer HTML structure](./003-02.md)      | Proposed | Replace the content of `hugo/layouts/partials/footer.html` with the new structure from Figma.       |
 | 003-03  | [Create and style footer SCSS](./003-03.md)      | Proposed | Create and style `hugo/assets/scss/footer.scss`, and import it into the main stylesheet.            |
 | 003-04  | [Ensure footer is responsive](./003-04.md)       | Proposed | Add container queries to ensure the footer is responsive.                                           |

hugo/assets/scss/footer.scss

@@ -0,0 +1,15 @@
+.footer {
+  --icon-color: var(
+    --color-primary,
+    #1b5665
+  ); // Use your color token or fallback
+}
+
+.footer-icon,
+.footer svg {
+  color: var(--icon-color);
+  width: 2rem;
+  height: 2rem;
+  display: inline-block;
+  vertical-align: middle;
+}

hugo/assets/scss/styles.scss

@@ -3,6 +3,7 @@
 @use "typography";
 @use "spacing";
 @use "header";
+@use "footer";
 
 // Modern, intrinsic container
 :root {