Branding

studies/202512_GenesysCX/ctm-token-calculator/config.toml

@@ -1,9 +1,12 @@
-# Mercury app-shell theme — matched to the notebooks' chart chrome
-# (same warm-neutral surfaces and capability blue as the figures).
+# Mercury app-shell theme — NTT DATA brand (light), modern surfaces.
+# See docs/brand.md for the source palette.
 #
 # Loaded from the directory where you launch `mercury` (this project root);
-# restart the server to apply changes. Full key list: mercury/config.py
-# DEFAULT_THEME — anything omitted is derived from the values below.
+# restart the server to apply changes. Only keys in mercury/config.py
+# CSS_VARIABLE_MAP emit a CSS variable — anything else in DEFAULT_THEME is
+# either derived or component-baked (e.g. success/warning/danger, slider
+# track, widget bg) and silently no-ops here. Omitted keys are derived
+# from the ones below.
 
 [main]
 title = "CTM × Genesys — Business Case"
@@ -21,23 +24,57 @@ source with `python scripts/export_report.py`.
 """
 
 [theme]
-# text — same ink scale as the figures
-font_family = "system-ui, -apple-system, 'Segoe UI', sans-serif"
-heading_font_family = "system-ui, -apple-system, 'Segoe UI', sans-serif"
-text_color = "#0b0b0b"
-muted_text_color = "#52514e"
+# ── Type — Georgia headings, Arial body. Both web-safe system fonts,
+#    so no font_url / network fetch. Georgia ships only normal+bold, so
+#    heading weight is 700 (the default 800 would render as faux-bold). ──
+font_family         = "Arial, 'Helvetica Neue', Helvetica, sans-serif"
+heading_font_family = "Georgia, 'Times New Roman', Times, serif"
+font_size           = "15px"
+font_weight         = "normal"
+heading_font_weight = "700"
 
-# surfaces — warm neutrals from the chart chrome
-background_color = "#f4f3ef"
-content_background_color = "#fcfcfb"
-surface_color = "#fcfcfb"
-sidebar_background_color = "#f4f3ef"
-sidebar_text_color = "#0b0b0b"
-border_color = "#e1e0d9"
+# ── Text — NTT ink scale ──
+text_color       = "#2e404d"   # body
+muted_text_color = "#586671"   # captions / secondary
 
-# accents — the figures' capability blue
-primary_color = "#2a78d6"
-accent_color = "#2a78d6"
-focus_border_color = "#2a78d6"
-topbar_background_color = "#0b0b0b"
-topbar_text_color = "#fcfcfb"
+# ── Surfaces — white content floating on a soft neutral canvas (depth).
+#    For a strictly-white page instead, set background_color = "#ffffff". ──
+background_color         = "#f4f5f6"   # outer page
+content_background_color = "#ffffff"   # notebook column
+surface_color            = "#ffffff"
+card_background_color    = "#f8f8f8"   # brand card
+border_color             = "#d5d9db"   # brand border
+border_radius            = "10px"      # modern rounding
+
+# ── Accents — Future Blue. primary_color also drives the Run button + focus. ──
+primary_color             = "#0072bc"
+accent_color              = "#0072bc"
+focus_border_color        = "#0072bc"
+hover_background_color     = "#eef5fb"  # light blue tint
+selected_background_color = "#dcecfa"
+
+# ── Sidebar — clean white, hairline divider ──
+sidebar_background_color = "#ffffff"
+sidebar_text_color       = "#2e404d"
+sidebar_title_color      = "#151d2c"
+sidebar_shadow           = "1px 0 0 #d5d9db"
+
+# ── Top bar — deep NTT navy (brand heading-primary) ──
+topbar_background_color = "#151d2c"
+topbar_text_color       = "#ffffff"
+topbar_border_color     = "rgba(255,255,255,0.08)"
+
+# ── Footer ──
+footer_background_color = "#ffffff"
+footer_text_color       = "#586671"
+footer_border_color     = "#d5d9db"
+
+# ── Run button — subtle brand-blue gradient (else derives from primary) ──
+run_button_background       = "linear-gradient(180deg, #0087dc 0%, #0072bc 100%)"
+run_button_background_hover = "linear-gradient(180deg, #1a93e6 0%, #0079c8 100%)"
+run_button_text_color       = "#ffffff"
+
+# ── Depth — soft, navy-tinted shadows (modern) ──
+shadow_sm = "0 1px 2px rgba(21,29,44,0.05)"
+shadow_md = "0 6px 18px rgba(21,29,44,0.08)"
+shadow_lg = "0 16px 40px rgba(21,29,44,0.10)"