Apply Prism design system — brass/ink palette, EB Garamond + IBM Plex typography

Implements the design kit: champagne brass accent (#C2AA7A), deep midnight
backgrounds, EB Garamond italic headings, IBM Plex Sans/Mono body and numbers,
terminal-density KPI cards, restyled sidebar brand mark, flat pill tabs, and a
global Plotly theme so all charts inherit the dark palette automatically.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 26 insertions, 9 deletions

diff --git a/components/filings.py b/components/filings.py
index a1e4417..9e3b156 100644
--- a/components/filings.py
+++ b/components/filings.py
@@ -17,9 +17,9 @@ _FORM_DESCRIPTIONS = {
 }
 
 _FORM_COLORS = {
-    "10-K": "rgba(79,142,247,0.15)",
-    "10-Q": "rgba(130,224,170,0.15)",
-    "8-K": "rgba(247,162,79,0.15)",
+    "10-K": "rgba(74,120,181,0.15)",
+    "10-Q": "rgba(79,140,94,0.15)",
+    "8-K": "rgba(196,149,69,0.15)",
 }
 
 
@@ -74,18 +74,35 @@ def render_filings(ticker: str):
             left, right = st.columns([5, 1])
             with left:
                 st.markdown(
-                    f"<div style='background:{color};padding:6px 10px;border-radius:4px;margin-bottom:2px'>"
-                    f"<strong>{form}</strong> &nbsp;·&nbsp; "
-                    f"<span style='color:#9aa0b0;font-size:0.82rem'>{date}</span><br>"
-                    f"<span style='font-size:0.85rem'>{title}</span>"
+                    f"<div style='"
+                    f"background:{color};"
+                    f"border:1px solid rgba(194,170,122,0.12);"
+                    f"padding:8px 12px;border-radius:2px;margin-bottom:2px;"
+                    f"display:flex;align-items:baseline;gap:10px;"
+                    f"'>"
+                    f"<span style='"
+                    f"font-family:IBM Plex Mono,monospace;"
+                    f"font-size:11px;color:#C2AA7A;"
+                    f"background:rgba(194,170,122,0.07);"
+                    f"border:1px solid rgba(194,170,122,0.25);"
+                    f"padding:2px 6px;border-radius:2px;"
+                    f"white-space:nowrap;"
+                    f"'>{form}</span>"
+                    f"<span style='font-family:IBM Plex Sans,sans-serif;font-size:0.8125rem;color:#F2ECDC;'>{title}</span>"
+                    f"<span style='font-family:IBM Plex Mono,monospace;font-size:11px;color:#5E5849;margin-left:auto;white-space:nowrap;'>{date}</span>"
                     f"</div>",
                     unsafe_allow_html=True,
                 )
             with right:
-                # Prefer the actual filing doc over the Yahoo index page
                 doc_url = exhibits.get(form) or edgar_url
                 if doc_url:
                     st.markdown(
-                        f"<div style='padding-top:8px'><a href='{doc_url}' target='_blank'>🔗 View</a></div>",
+                        f"<div style='padding-top:8px;text-align:right;'>"
+                        f"<a href='{doc_url}' target='_blank' style='"
+                        f"font-family:IBM Plex Sans,sans-serif;"
+                        f"font-size:11px;color:#C2AA7A;"
+                        f"text-decoration:none;"
+                        f"border-bottom:1px solid #8F7A50;"
+                        f"'>View ↗</a></div>",
                         unsafe_allow_html=True,
                     )