From 433d0926e6259c47d230ed26e0606ba87f5bf8f5 Mon Sep 17 00:00:00 2001 From: hsiegeln <37154749+hsiegeln@users.noreply.github.com> Date: Wed, 8 Apr 2026 12:13:17 +0200 Subject: [PATCH] style: enforce 12px minimum font size across all components Add --font-size-min: 12px token to tokens.css. Replace all 10px and 11px font-size declarations with 12px across 54 CSS module files for improved readability. Co-Authored-By: Claude Opus 4.6 (1M context) --- .../composites/AreaChart/AreaChart.module.css | 10 ++++---- .../AvatarGroup/AvatarGroup.module.css | 2 +- .../composites/BarChart/BarChart.module.css | 12 +++++----- .../Breadcrumb/Breadcrumb.module.css | 2 +- .../CommandPalette/CommandPalette.module.css | 16 ++++++------- .../composites/DataTable/DataTable.module.css | 8 +++---- .../composites/EventFeed/EventFeed.module.css | 8 +++---- .../composites/FilterBar/FilterBar.module.css | 2 +- .../composites/GroupCard/GroupCard.module.css | 2 +- .../composites/KpiStrip/KpiStrip.module.css | 6 ++--- .../composites/LineChart/LineChart.module.css | 10 ++++---- .../composites/LogViewer/LogViewer.module.css | 2 +- .../composites/LoginForm/LoginForm.module.css | 4 ++-- .../composites/MenuItem/MenuItem.module.css | 4 ++-- .../MultiSelect/MultiSelect.module.css | 2 +- .../ProcessorTimeline.module.css | 6 ++--- .../composites/RouteFlow/RouteFlow.module.css | 6 ++--- .../SegmentedTabs/SegmentedTabs.module.css | 2 +- .../ShortcutsBar/ShortcutsBar.module.css | 2 +- .../composites/Tabs/Tabs.module.css | 2 +- .../composites/TreeView/TreeView.module.css | 4 ++-- .../layout/Sidebar/Sidebar.module.css | 8 +++---- .../layout/TopBar/TopBar.module.css | 6 ++--- .../primitives/Avatar/Avatar.module.css | 2 +- .../primitives/Badge/Badge.module.css | 2 +- .../primitives/Button/Button.module.css | 2 +- .../primitives/Card/Card.module.css | 2 +- .../primitives/CodeBlock/CodeBlock.module.css | 4 ++-- .../DateTimePicker/DateTimePicker.module.css | 10 ++++---- .../FilterPill/FilterPill.module.css | 4 ++-- .../primitives/FormField/FormField.module.css | 4 ++-- .../KeyboardHint/KeyboardHint.module.css | 2 +- .../primitives/MonoText/MonoText.module.css | 4 ++-- .../ProgressBar/ProgressBar.module.css | 2 +- .../SectionHeader/SectionHeader.module.css | 2 +- .../primitives/Select/Select.module.css | 2 +- .../primitives/StatCard/StatCard.module.css | 6 ++--- .../primitives/Tag/Tag.module.css | 2 +- .../primitives/Tooltip/Tooltip.module.css | 2 +- src/design-system/tokens.css | 1 + src/pages/Admin/AuditLog/AuditLog.module.css | 4 ++-- .../Admin/OidcConfig/OidcConfig.module.css | 2 +- .../UserManagement/UserManagement.module.css | 4 ++-- src/pages/AgentHealth/AgentHealth.module.css | 12 +++++----- .../AgentInstance/AgentInstance.module.css | 4 ++-- src/pages/Dashboard/Dashboard.module.css | 18 +++++++------- .../ExchangeDetail/ExchangeDetail.module.css | 24 +++++++++---------- src/pages/Inventory/Inventory.module.css | 2 +- .../sections/BrandAssetsSection.module.css | 2 +- .../sections/CompositesSection.module.css | 2 +- .../sections/LayoutSection.module.css | 4 ++-- .../sections/PrimitivesSection.module.css | 2 +- src/pages/RouteDetail/RouteDetail.module.css | 18 +++++++------- src/pages/Routes/Routes.module.css | 4 ++-- 54 files changed, 141 insertions(+), 140 deletions(-) diff --git a/src/design-system/composites/AreaChart/AreaChart.module.css b/src/design-system/composites/AreaChart/AreaChart.module.css index d098ba6..f9199e1 100644 --- a/src/design-system/composites/AreaChart/AreaChart.module.css +++ b/src/design-system/composites/AreaChart/AreaChart.module.css @@ -72,7 +72,7 @@ border-radius: var(--radius-sm); box-shadow: var(--shadow-md); padding: 6px 10px; - font-size: 11px; + font-size: 12px; pointer-events: none; z-index: 10; white-space: nowrap; @@ -118,7 +118,7 @@ display: flex; align-items: center; gap: 5px; - font-size: 11px; + font-size: 12px; color: var(--text-secondary); } @@ -130,12 +130,12 @@ } .legendLabel { - font-size: 11px; + font-size: 12px; } /* Axis labels */ .yLabel { - font-size: 10px; + font-size: 12px; color: var(--text-muted); writing-mode: vertical-lr; transform: rotate(180deg); @@ -151,7 +151,7 @@ .xLabel { text-align: center; - font-size: 10px; + font-size: 12px; color: var(--text-muted); padding-left: 48px; } diff --git a/src/design-system/composites/AvatarGroup/AvatarGroup.module.css b/src/design-system/composites/AvatarGroup/AvatarGroup.module.css index fb7fc81..e8fe1f7 100644 --- a/src/design-system/composites/AvatarGroup/AvatarGroup.module.css +++ b/src/design-system/composites/AvatarGroup/AvatarGroup.module.css @@ -32,7 +32,7 @@ background-color: var(--bg-inset); color: var(--text-secondary); font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; flex-shrink: 0; margin-left: -8px; diff --git a/src/design-system/composites/BarChart/BarChart.module.css b/src/design-system/composites/BarChart/BarChart.module.css index 0f8f26f..4248039 100644 --- a/src/design-system/composites/BarChart/BarChart.module.css +++ b/src/design-system/composites/BarChart/BarChart.module.css @@ -53,7 +53,7 @@ border-radius: var(--radius-sm); box-shadow: var(--shadow-md); padding: 6px 10px; - font-size: 11px; + font-size: 12px; pointer-events: none; z-index: 10; white-space: nowrap; @@ -63,7 +63,7 @@ font-weight: 600; color: var(--text-primary); margin-bottom: 4px; - font-size: 11px; + font-size: 12px; } .tooltipRow { @@ -105,7 +105,7 @@ display: flex; align-items: center; gap: 5px; - font-size: 11px; + font-size: 12px; color: var(--text-secondary); } @@ -117,11 +117,11 @@ } .legendLabel { - font-size: 11px; + font-size: 12px; } .yLabel { - font-size: 10px; + font-size: 12px; color: var(--text-muted); writing-mode: vertical-lr; transform: rotate(180deg); @@ -137,7 +137,7 @@ .xLabel { text-align: center; - font-size: 10px; + font-size: 12px; color: var(--text-muted); padding-left: 48px; } diff --git a/src/design-system/composites/Breadcrumb/Breadcrumb.module.css b/src/design-system/composites/Breadcrumb/Breadcrumb.module.css index 015836c..7db9441 100644 --- a/src/design-system/composites/Breadcrumb/Breadcrumb.module.css +++ b/src/design-system/composites/Breadcrumb/Breadcrumb.module.css @@ -16,7 +16,7 @@ .sep { color: var(--text-faint); - font-size: 11px; + font-size: 12px; } .link { diff --git a/src/design-system/composites/CommandPalette/CommandPalette.module.css b/src/design-system/composites/CommandPalette/CommandPalette.module.css index 4a57919..4674ee7 100644 --- a/src/design-system/composites/CommandPalette/CommandPalette.module.css +++ b/src/design-system/composites/CommandPalette/CommandPalette.module.css @@ -63,7 +63,7 @@ border: 1px solid var(--amber-light); border-radius: 4px; padding: 1px 6px; - font-size: 11px; + font-size: 12px; flex-shrink: 0; } @@ -133,7 +133,7 @@ background: var(--bg-inset); border-radius: 10px; padding: 0 6px; - font-size: 10px; + font-size: 12px; font-family: var(--font-mono); color: var(--text-muted); } @@ -227,7 +227,7 @@ display: inline-flex; padding: 1px 7px; border-radius: 10px; - font-size: 10px; + font-size: 12px; font-family: var(--font-mono); font-weight: 600; background: var(--bg-inset); @@ -239,13 +239,13 @@ .itemTime { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--text-faint); margin-left: auto; } .itemMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); margin-top: 2px; @@ -259,7 +259,7 @@ border: none; color: var(--text-muted); cursor: pointer; - font-size: 10px; + font-size: 12px; padding: 2px 6px; border-radius: var(--radius-sm); flex-shrink: 0; @@ -279,7 +279,7 @@ /* Match context snippet */ .matchContext { - font-size: 11px; + font-size: 12px; color: var(--text-faint); font-family: var(--font-mono); margin-top: 3px; @@ -316,6 +316,6 @@ display: flex; align-items: center; gap: 5px; - font-size: 11px; + font-size: 12px; color: var(--text-muted); } diff --git a/src/design-system/composites/DataTable/DataTable.module.css b/src/design-system/composites/DataTable/DataTable.module.css index edcdfbb..04f6927 100644 --- a/src/design-system/composites/DataTable/DataTable.module.css +++ b/src/design-system/composites/DataTable/DataTable.module.css @@ -42,7 +42,7 @@ .th { padding: 9px 14px; text-align: left; - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; @@ -147,7 +147,7 @@ .rangeInfo { font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; } .paginationRight { @@ -157,7 +157,7 @@ } .pageSizeLabel { - font-size: 11px; + font-size: 12px; color: var(--text-muted); } @@ -173,7 +173,7 @@ .pageNum { font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; color: var(--text-muted); min-width: 40px; text-align: center; diff --git a/src/design-system/composites/EventFeed/EventFeed.module.css b/src/design-system/composites/EventFeed/EventFeed.module.css index 772c1d1..e678470 100644 --- a/src/design-system/composites/EventFeed/EventFeed.module.css +++ b/src/design-system/composites/EventFeed/EventFeed.module.css @@ -29,7 +29,7 @@ border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg-surface); - font-size: 11px; + font-size: 12px; font-family: var(--font-mono); color: var(--text-primary); outline: none; @@ -81,7 +81,7 @@ background: none; border: none; color: var(--text-muted); - font-size: 11px; + font-size: 12px; cursor: pointer; padding: 2px 6px; border-radius: var(--radius-sm); @@ -165,7 +165,7 @@ } .time { - font-size: 10px; + font-size: 12px; font-family: var(--font-mono); color: var(--text-muted); margin-top: 1px; @@ -215,7 +215,7 @@ border: 1px solid var(--amber-light); border-radius: 0; color: var(--amber-deep); - font-size: 11px; + font-size: 12px; font-family: var(--font-mono); cursor: pointer; text-align: center; diff --git a/src/design-system/composites/FilterBar/FilterBar.module.css b/src/design-system/composites/FilterBar/FilterBar.module.css index 08d23f2..ffc83d0 100644 --- a/src/design-system/composites/FilterBar/FilterBar.module.css +++ b/src/design-system/composites/FilterBar/FilterBar.module.css @@ -43,7 +43,7 @@ } .clearAll { - font-size: 11px; + font-size: 12px; color: var(--text-muted); cursor: pointer; padding: 3px 6px; diff --git a/src/design-system/composites/GroupCard/GroupCard.module.css b/src/design-system/composites/GroupCard/GroupCard.module.css index 496d503..1799171 100644 --- a/src/design-system/composites/GroupCard/GroupCard.module.css +++ b/src/design-system/composites/GroupCard/GroupCard.module.css @@ -63,7 +63,7 @@ gap: 16px; padding: 8px 16px; border-bottom: 1px solid var(--border-subtle); - font-size: 11px; + font-size: 12px; color: var(--text-muted); background: var(--bg-surface); } diff --git a/src/design-system/composites/KpiStrip/KpiStrip.module.css b/src/design-system/composites/KpiStrip/KpiStrip.module.css index 0c94875..8f77888 100644 --- a/src/design-system/composites/KpiStrip/KpiStrip.module.css +++ b/src/design-system/composites/KpiStrip/KpiStrip.module.css @@ -30,7 +30,7 @@ } .label { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; @@ -55,7 +55,7 @@ .trend { font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; display: inline-flex; align-items: center; gap: 2px; @@ -68,7 +68,7 @@ .trendMuted { color: var(--text-muted); } .subtitle { - font-size: 11px; + font-size: 12px; color: var(--text-muted); margin-top: 2px; } diff --git a/src/design-system/composites/LineChart/LineChart.module.css b/src/design-system/composites/LineChart/LineChart.module.css index 83fe84b..1a63ad9 100644 --- a/src/design-system/composites/LineChart/LineChart.module.css +++ b/src/design-system/composites/LineChart/LineChart.module.css @@ -63,7 +63,7 @@ border-radius: var(--radius-sm); box-shadow: var(--shadow-md); padding: 6px 10px; - font-size: 11px; + font-size: 12px; pointer-events: none; z-index: 10; white-space: nowrap; @@ -108,7 +108,7 @@ display: flex; align-items: center; gap: 5px; - font-size: 11px; + font-size: 12px; color: var(--text-secondary); } @@ -120,11 +120,11 @@ } .legendLabel { - font-size: 11px; + font-size: 12px; } .yLabel { - font-size: 10px; + font-size: 12px; color: var(--text-muted); writing-mode: vertical-lr; transform: rotate(180deg); @@ -140,7 +140,7 @@ .xLabel { text-align: center; - font-size: 10px; + font-size: 12px; color: var(--text-muted); padding-left: 48px; } diff --git a/src/design-system/composites/LogViewer/LogViewer.module.css b/src/design-system/composites/LogViewer/LogViewer.module.css index 4c2b257..c1eb349 100644 --- a/src/design-system/composites/LogViewer/LogViewer.module.css +++ b/src/design-system/composites/LogViewer/LogViewer.module.css @@ -18,7 +18,7 @@ .timestamp { flex-shrink: 0; - font-size: 11px; + font-size: 12px; color: var(--text-muted); min-width: 56px; } diff --git a/src/design-system/composites/LoginForm/LoginForm.module.css b/src/design-system/composites/LoginForm/LoginForm.module.css index 5c61959..e7be9d8 100644 --- a/src/design-system/composites/LoginForm/LoginForm.module.css +++ b/src/design-system/composites/LoginForm/LoginForm.module.css @@ -51,7 +51,7 @@ .dividerText { color: var(--text-muted); - font-size: 11px; + font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; @@ -71,7 +71,7 @@ } .forgotLink { - font-size: 11px; + font-size: 12px; color: var(--amber); font-weight: 500; background: none; diff --git a/src/design-system/composites/MenuItem/MenuItem.module.css b/src/design-system/composites/MenuItem/MenuItem.module.css index 7583152..0044cf0 100644 --- a/src/design-system/composites/MenuItem/MenuItem.module.css +++ b/src/design-system/composites/MenuItem/MenuItem.module.css @@ -45,7 +45,7 @@ } .meta { - font-size: 11px; + font-size: 12px; color: var(--sidebar-muted); font-family: var(--font-mono); white-space: nowrap; @@ -59,7 +59,7 @@ .count { font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; color: var(--sidebar-muted); background: rgba(255, 255, 255, 0.06); padding: 1px 6px; diff --git a/src/design-system/composites/MultiSelect/MultiSelect.module.css b/src/design-system/composites/MultiSelect/MultiSelect.module.css index e0267ca..eedd9f4 100644 --- a/src/design-system/composites/MultiSelect/MultiSelect.module.css +++ b/src/design-system/composites/MultiSelect/MultiSelect.module.css @@ -46,7 +46,7 @@ .chevron { color: var(--text-faint); - font-size: 11px; + font-size: 12px; flex-shrink: 0; } diff --git a/src/design-system/composites/ProcessorTimeline/ProcessorTimeline.module.css b/src/design-system/composites/ProcessorTimeline/ProcessorTimeline.module.css index 7c88f9b..76e4834 100644 --- a/src/design-system/composites/ProcessorTimeline/ProcessorTimeline.module.css +++ b/src/design-system/composites/ProcessorTimeline/ProcessorTimeline.module.css @@ -8,7 +8,7 @@ display: flex; align-items: center; gap: 8px; - font-size: 11px; + font-size: 12px; } .row.clickable { @@ -32,7 +32,7 @@ text-align: right; color: var(--text-secondary); font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -83,7 +83,7 @@ .dur { width: 42px; font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--text-muted); flex-shrink: 0; text-align: right; diff --git a/src/design-system/composites/RouteFlow/RouteFlow.module.css b/src/design-system/composites/RouteFlow/RouteFlow.module.css index ddeb48c..73abf41 100644 --- a/src/design-system/composites/RouteFlow/RouteFlow.module.css +++ b/src/design-system/composites/RouteFlow/RouteFlow.module.css @@ -52,7 +52,7 @@ display: flex; align-items: center; justify-content: center; - font-size: 10px; + font-size: 12px; flex-shrink: 0; } @@ -97,7 +97,7 @@ .label { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--text-primary); white-space: nowrap; overflow: hidden; @@ -112,7 +112,7 @@ .duration { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; } diff --git a/src/design-system/composites/SegmentedTabs/SegmentedTabs.module.css b/src/design-system/composites/SegmentedTabs/SegmentedTabs.module.css index 77b0363..1b56203 100644 --- a/src/design-system/composites/SegmentedTabs/SegmentedTabs.module.css +++ b/src/design-system/composites/SegmentedTabs/SegmentedTabs.module.css @@ -57,7 +57,7 @@ .count { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; background: var(--bg-hover); color: var(--text-muted); diff --git a/src/design-system/composites/ShortcutsBar/ShortcutsBar.module.css b/src/design-system/composites/ShortcutsBar/ShortcutsBar.module.css index e27199c..a7195c8 100644 --- a/src/design-system/composites/ShortcutsBar/ShortcutsBar.module.css +++ b/src/design-system/composites/ShortcutsBar/ShortcutsBar.module.css @@ -17,7 +17,7 @@ display: flex; align-items: center; gap: 5px; - font-size: 10px; + font-size: 12px; color: var(--text-muted); background: var(--bg-surface); border: 1px solid var(--border-subtle); diff --git a/src/design-system/composites/Tabs/Tabs.module.css b/src/design-system/composites/Tabs/Tabs.module.css index 5859525..1865b2c 100644 --- a/src/design-system/composites/Tabs/Tabs.module.css +++ b/src/design-system/composites/Tabs/Tabs.module.css @@ -38,7 +38,7 @@ .count { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; background: var(--bg-inset); color: var(--text-muted); padding: 1px 5px; diff --git a/src/design-system/composites/TreeView/TreeView.module.css b/src/design-system/composites/TreeView/TreeView.module.css index bbfa6b4..1527ba0 100644 --- a/src/design-system/composites/TreeView/TreeView.module.css +++ b/src/design-system/composites/TreeView/TreeView.module.css @@ -59,7 +59,7 @@ } .chevron { - font-size: 10px; + font-size: 12px; color: var(--text-muted); line-height: 1; } @@ -85,7 +85,7 @@ .meta { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--text-muted); margin-left: auto; padding-left: 8px; diff --git a/src/design-system/layout/Sidebar/Sidebar.module.css b/src/design-system/layout/Sidebar/Sidebar.module.css index c73635a..ee26557 100644 --- a/src/design-system/layout/Sidebar/Sidebar.module.css +++ b/src/design-system/layout/Sidebar/Sidebar.module.css @@ -70,7 +70,7 @@ .version { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--sidebar-muted); margin-left: 4px; } @@ -238,7 +238,7 @@ } .treeSectionLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; @@ -313,7 +313,7 @@ padding: 0; margin: 0; color: var(--sidebar-muted); - font-size: 11px; + font-size: 12px; cursor: pointer; line-height: 1; display: flex; @@ -345,7 +345,7 @@ /* Badge */ .treeBadge { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--sidebar-muted); background: rgba(255, 255, 255, 0.06); padding: 1px 6px; diff --git a/src/design-system/layout/TopBar/TopBar.module.css b/src/design-system/layout/TopBar/TopBar.module.css index 2908623..458bdf2 100644 --- a/src/design-system/layout/TopBar/TopBar.module.css +++ b/src/design-system/layout/TopBar/TopBar.module.css @@ -62,7 +62,7 @@ .kbd { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; background: var(--bg-surface); border: 1px solid var(--border); padding: 0 4px; @@ -91,7 +91,7 @@ background: var(--bg-raised); color: var(--text-muted); font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; letter-spacing: 0.5px; cursor: pointer; @@ -162,7 +162,7 @@ background: var(--bg-raised); color: var(--text-muted); font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; diff --git a/src/design-system/primitives/Avatar/Avatar.module.css b/src/design-system/primitives/Avatar/Avatar.module.css index 8e10927..f0ff51c 100644 --- a/src/design-system/primitives/Avatar/Avatar.module.css +++ b/src/design-system/primitives/Avatar/Avatar.module.css @@ -8,5 +8,5 @@ flex-shrink: 0; } .sm { width: 24px; height: 24px; font-size: 9px; } -.md { width: 28px; height: 28px; font-size: 11px; } +.md { width: 28px; height: 28px; font-size: 12px; } .lg { width: 40px; height: 40px; font-size: 14px; } diff --git a/src/design-system/primitives/Badge/Badge.module.css b/src/design-system/primitives/Badge/Badge.module.css index efb8c05..84e5c6e 100644 --- a/src/design-system/primitives/Badge/Badge.module.css +++ b/src/design-system/primitives/Badge/Badge.module.css @@ -5,7 +5,7 @@ padding: 1px 8px; border-radius: 10px; font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; white-space: nowrap; border: 1px solid transparent; diff --git a/src/design-system/primitives/Button/Button.module.css b/src/design-system/primitives/Button/Button.module.css index 6f6f24a..ba2f40f 100644 --- a/src/design-system/primitives/Button/Button.module.css +++ b/src/design-system/primitives/Button/Button.module.css @@ -13,7 +13,7 @@ .btn:disabled { opacity: 0.6; cursor: not-allowed; } -.sm { padding: 4px 10px; font-size: 11px; } +.sm { padding: 4px 10px; font-size: 12px; } .md { padding: 6px 14px; font-size: 12px; } .primary { diff --git a/src/design-system/primitives/Card/Card.module.css b/src/design-system/primitives/Card/Card.module.css index 6e88525..8f27702 100644 --- a/src/design-system/primitives/Card/Card.module.css +++ b/src/design-system/primitives/Card/Card.module.css @@ -18,7 +18,7 @@ } .titleText { - font-size: 11px; + font-size: 12px; text-transform: uppercase; font-family: var(--font-mono); font-weight: 600; diff --git a/src/design-system/primitives/CodeBlock/CodeBlock.module.css b/src/design-system/primitives/CodeBlock/CodeBlock.module.css index de27d44..3094ba2 100644 --- a/src/design-system/primitives/CodeBlock/CodeBlock.module.css +++ b/src/design-system/primitives/CodeBlock/CodeBlock.module.css @@ -26,7 +26,7 @@ border: 1px solid var(--border); border-radius: var(--radius-sm); font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; color: var(--text-secondary); cursor: pointer; transition: all 0.15s; @@ -49,5 +49,5 @@ user-select: none; text-align: right; margin-right: 12px; - font-size: 11px; + font-size: 12px; } diff --git a/src/design-system/primitives/DateTimePicker/DateTimePicker.module.css b/src/design-system/primitives/DateTimePicker/DateTimePicker.module.css index f679662..77414ee 100644 --- a/src/design-system/primitives/DateTimePicker/DateTimePicker.module.css +++ b/src/design-system/primitives/DateTimePicker/DateTimePicker.module.css @@ -5,7 +5,7 @@ } .label { - font-size: 11px; + font-size: 12px; font-weight: 500; color: var(--text-muted); text-transform: uppercase; @@ -18,7 +18,7 @@ background: transparent; color: var(--text-primary); font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; text-align: left; cursor: pointer; border-radius: var(--radius-sm); @@ -72,7 +72,7 @@ border: none; background: none; color: var(--text-muted); - font-size: 10px; + font-size: 12px; cursor: pointer; padding: 4px 8px; border-radius: var(--radius-sm); @@ -93,7 +93,7 @@ } .dayHeader { - font-size: 10px; + font-size: 12px; font-weight: 600; color: var(--text-faint); text-align: center; @@ -151,7 +151,7 @@ } .timeLabel { - font-size: 11px; + font-size: 12px; font-weight: 500; color: var(--text-muted); margin-right: auto; diff --git a/src/design-system/primitives/FilterPill/FilterPill.module.css b/src/design-system/primitives/FilterPill/FilterPill.module.css index 988be59..f714287 100644 --- a/src/design-system/primitives/FilterPill/FilterPill.module.css +++ b/src/design-system/primitives/FilterPill/FilterPill.module.css @@ -8,7 +8,7 @@ background: var(--bg-raised); color: var(--text-secondary); font-family: var(--font-body); - font-size: 11px; + font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s; @@ -49,7 +49,7 @@ .count { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; background: var(--bg-inset); border-radius: 8px; diff --git a/src/design-system/primitives/FormField/FormField.module.css b/src/design-system/primitives/FormField/FormField.module.css index b0524e9..c18b57f 100644 --- a/src/design-system/primitives/FormField/FormField.module.css +++ b/src/design-system/primitives/FormField/FormField.module.css @@ -6,13 +6,13 @@ } .hint { - font-size: 11px; + font-size: 12px; color: var(--text-muted); margin-top: 4px; } .error { - font-size: 11px; + font-size: 12px; color: var(--error); margin-top: 4px; } diff --git a/src/design-system/primitives/KeyboardHint/KeyboardHint.module.css b/src/design-system/primitives/KeyboardHint/KeyboardHint.module.css index aa449e6..b1ce301 100644 --- a/src/design-system/primitives/KeyboardHint/KeyboardHint.module.css +++ b/src/design-system/primitives/KeyboardHint/KeyboardHint.module.css @@ -1,6 +1,6 @@ .kbd { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; background: var(--bg-raised); border: 1px solid var(--border); border-radius: 3px; diff --git a/src/design-system/primitives/MonoText/MonoText.module.css b/src/design-system/primitives/MonoText/MonoText.module.css index 5ed762f..75e9ccc 100644 --- a/src/design-system/primitives/MonoText/MonoText.module.css +++ b/src/design-system/primitives/MonoText/MonoText.module.css @@ -1,4 +1,4 @@ .mono { font-family: var(--font-mono); } -.xs { font-size: 10px; } -.sm { font-size: 11px; } +.xs { font-size: 12px; } +.sm { font-size: 12px; } .md { font-size: 13px; } diff --git a/src/design-system/primitives/ProgressBar/ProgressBar.module.css b/src/design-system/primitives/ProgressBar/ProgressBar.module.css index 31b5c24..a8db233 100644 --- a/src/design-system/primitives/ProgressBar/ProgressBar.module.css +++ b/src/design-system/primitives/ProgressBar/ProgressBar.module.css @@ -7,7 +7,7 @@ .label { font-family: var(--font-body); - font-size: 11px; + font-size: 12px; color: var(--text-secondary); line-height: 1; } diff --git a/src/design-system/primitives/SectionHeader/SectionHeader.module.css b/src/design-system/primitives/SectionHeader/SectionHeader.module.css index 6115627..0083d18 100644 --- a/src/design-system/primitives/SectionHeader/SectionHeader.module.css +++ b/src/design-system/primitives/SectionHeader/SectionHeader.module.css @@ -5,7 +5,7 @@ } .label { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; diff --git a/src/design-system/primitives/Select/Select.module.css b/src/design-system/primitives/Select/Select.module.css index 95c5c46..13f6e79 100644 --- a/src/design-system/primitives/Select/Select.module.css +++ b/src/design-system/primitives/Select/Select.module.css @@ -35,6 +35,6 @@ top: 50%; transform: translateY(-50%); color: var(--text-faint); - font-size: 11px; + font-size: 12px; pointer-events: none; } diff --git a/src/design-system/primitives/StatCard/StatCard.module.css b/src/design-system/primitives/StatCard/StatCard.module.css index 4e4d4fc..8085abd 100644 --- a/src/design-system/primitives/StatCard/StatCard.module.css +++ b/src/design-system/primitives/StatCard/StatCard.module.css @@ -21,7 +21,7 @@ } .label { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; @@ -47,7 +47,7 @@ } .trend { - font-size: 11px; + font-size: 12px; font-weight: 500; } @@ -56,7 +56,7 @@ .trend.neutral { color: var(--text-muted); } .detail { - font-size: 11px; + font-size: 12px; color: var(--text-muted); margin-top: 6px; } diff --git a/src/design-system/primitives/Tag/Tag.module.css b/src/design-system/primitives/Tag/Tag.module.css index 9406933..3dd2c35 100644 --- a/src/design-system/primitives/Tag/Tag.module.css +++ b/src/design-system/primitives/Tag/Tag.module.css @@ -5,7 +5,7 @@ padding: 3px 10px; border: 1px solid; border-radius: 20px; - font-size: 11px; + font-size: 12px; font-family: var(--font-mono); } diff --git a/src/design-system/primitives/Tooltip/Tooltip.module.css b/src/design-system/primitives/Tooltip/Tooltip.module.css index ed4f4fd..f7ee20b 100644 --- a/src/design-system/primitives/Tooltip/Tooltip.module.css +++ b/src/design-system/primitives/Tooltip/Tooltip.module.css @@ -10,7 +10,7 @@ padding: 5px 9px; background: var(--text-primary); color: var(--bg-surface); - font-size: 11px; + font-size: 12px; font-family: var(--font-body); border-radius: var(--radius-sm); white-space: nowrap; diff --git a/src/design-system/tokens.css b/src/design-system/tokens.css index 1782c27..3b64b1b 100644 --- a/src/design-system/tokens.css +++ b/src/design-system/tokens.css @@ -46,6 +46,7 @@ /* Typography */ --font-body: 'DM Sans', system-ui, -apple-system, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', monospace; + --font-size-min: 12px; /* Spacing & Radii */ --radius-sm: 5px; diff --git a/src/pages/Admin/AuditLog/AuditLog.module.css b/src/pages/Admin/AuditLog/AuditLog.module.css index a0de051..57a4ac8 100644 --- a/src/pages/Admin/AuditLog/AuditLog.module.css +++ b/src/pages/Admin/AuditLog/AuditLog.module.css @@ -42,7 +42,7 @@ } .tableMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); } @@ -72,7 +72,7 @@ } .detailLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; diff --git a/src/pages/Admin/OidcConfig/OidcConfig.module.css b/src/pages/Admin/OidcConfig/OidcConfig.module.css index fe6b86e..b7fdb7b 100644 --- a/src/pages/Admin/OidcConfig/OidcConfig.module.css +++ b/src/pages/Admin/OidcConfig/OidcConfig.module.css @@ -24,7 +24,7 @@ } .hint { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-body); } diff --git a/src/pages/Admin/UserManagement/UserManagement.module.css b/src/pages/Admin/UserManagement/UserManagement.module.css index fea6bdc..d82aab8 100644 --- a/src/pages/Admin/UserManagement/UserManagement.module.css +++ b/src/pages/Admin/UserManagement/UserManagement.module.css @@ -11,7 +11,7 @@ } .entityMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-body); margin-top: 2px; @@ -101,7 +101,7 @@ } .inheritedNote { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-style: italic; font-family: var(--font-body); diff --git a/src/pages/AgentHealth/AgentHealth.module.css b/src/pages/AgentHealth/AgentHealth.module.css index f19bc9f..f37353e 100644 --- a/src/pages/AgentHealth/AgentHealth.module.css +++ b/src/pages/AgentHealth/AgentHealth.module.css @@ -19,7 +19,7 @@ .breakdown { display: flex; gap: 8px; - font-size: 11px; + font-size: 12px; font-family: var(--font-mono); } @@ -52,7 +52,7 @@ .scopeSep { color: var(--text-muted); - font-size: 10px; + font-size: 12px; } .scopeCurrent { @@ -76,7 +76,7 @@ } .sectionMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } @@ -101,7 +101,7 @@ display: flex; align-items: center; gap: 16px; - font-size: 11px; + font-size: 12px; color: var(--text-muted); } @@ -118,7 +118,7 @@ gap: 8px; padding: 8px 16px; background: var(--error-bg); - font-size: 11px; + font-size: 12px; color: var(--error); font-weight: 500; } @@ -192,7 +192,7 @@ } .chartTitle { - font-size: 11px; + font-size: 12px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; diff --git a/src/pages/AgentInstance/AgentInstance.module.css b/src/pages/AgentInstance/AgentInstance.module.css index 1048005..008bcd2 100644 --- a/src/pages/AgentInstance/AgentInstance.module.css +++ b/src/pages/AgentInstance/AgentInstance.module.css @@ -42,7 +42,7 @@ .scopeSep { color: var(--text-muted); - font-size: 10px; + font-size: 12px; } .scopeCurrent { @@ -82,7 +82,7 @@ } .chartMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } diff --git a/src/pages/Dashboard/Dashboard.module.css b/src/pages/Dashboard/Dashboard.module.css index b508c2b..7a28b78 100644 --- a/src/pages/Dashboard/Dashboard.module.css +++ b/src/pages/Dashboard/Dashboard.module.css @@ -49,7 +49,7 @@ } .tableMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } @@ -97,7 +97,7 @@ align-items: center; gap: 5px; font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; color: var(--text-secondary); } @@ -128,14 +128,14 @@ } .inlineErrorText { - font-size: 11px; + font-size: 12px; color: var(--error); font-family: var(--font-mono); line-height: 1.4; } .inlineErrorHint { - font-size: 10px; + font-size: 12px; color: var(--text-muted); margin-top: 3px; } @@ -154,7 +154,7 @@ } .panelSectionTitle { - font-size: 11px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; @@ -168,7 +168,7 @@ .panelSectionMeta { margin-left: auto; font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; @@ -189,7 +189,7 @@ } .overviewLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; @@ -209,14 +209,14 @@ .errorClass { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; color: var(--error); margin-bottom: 4px; } .errorMessage { - font-size: 11px; + font-size: 12px; color: var(--text-secondary); line-height: 1.5; font-family: var(--font-mono); diff --git a/src/pages/ExchangeDetail/ExchangeDetail.module.css b/src/pages/ExchangeDetail/ExchangeDetail.module.css index adacbc4..7de1038 100644 --- a/src/pages/ExchangeDetail/ExchangeDetail.module.css +++ b/src/pages/ExchangeDetail/ExchangeDetail.module.css @@ -75,7 +75,7 @@ } .headerStatLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; @@ -105,7 +105,7 @@ } .chainLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; @@ -120,7 +120,7 @@ padding: 4px 10px; border-radius: var(--radius-sm); border: 1px solid var(--border-subtle); - font-size: 11px; + font-size: 12px; font-family: var(--font-mono); cursor: pointer; background: var(--bg-surface); @@ -187,7 +187,7 @@ .procCount { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 500; padding: 1px 8px; border-radius: 10px; @@ -205,7 +205,7 @@ .toggleBtn { padding: 4px 12px; - font-size: 11px; + font-size: 12px; font-family: var(--font-body); border: none; background: transparent; @@ -297,7 +297,7 @@ .panelTag { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; padding: 1px 6px; border-radius: 8px; background: var(--bg-inset); @@ -326,7 +326,7 @@ grid-template-columns: 140px 1fr; padding: 4px 0; border-bottom: 1px solid var(--border-subtle); - font-size: 11px; + font-size: 12px; } .headerKvRow:last-child { @@ -356,7 +356,7 @@ } .sectionLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; @@ -369,7 +369,7 @@ .count { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; padding: 0 5px; border-radius: 8px; background: var(--bg-inset); @@ -389,7 +389,7 @@ padding: 2px 8px; border-radius: var(--radius-sm); font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; background: var(--error-bg); color: var(--error); @@ -398,7 +398,7 @@ .errorMessageBox { font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; color: var(--text-secondary); background: var(--error-bg); padding: 10px 12px; @@ -414,7 +414,7 @@ display: grid; grid-template-columns: 120px 1fr; gap: 4px 12px; - font-size: 11px; + font-size: 12px; } .errorDetailLabel { diff --git a/src/pages/Inventory/Inventory.module.css b/src/pages/Inventory/Inventory.module.css index 463f7a6..d16e012 100644 --- a/src/pages/Inventory/Inventory.module.css +++ b/src/pages/Inventory/Inventory.module.css @@ -57,7 +57,7 @@ } .navLabel { - font-size: 11px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; diff --git a/src/pages/Inventory/sections/BrandAssetsSection.module.css b/src/pages/Inventory/sections/BrandAssetsSection.module.css index 3b0d2d6..76c895b 100644 --- a/src/pages/Inventory/sections/BrandAssetsSection.module.css +++ b/src/pages/Inventory/sections/BrandAssetsSection.module.css @@ -76,7 +76,7 @@ } .logoExport { - font-size: 10px; + font-size: 12px; font-family: var(--font-mono); color: var(--text-muted); background: var(--bg-body); diff --git a/src/pages/Inventory/sections/CompositesSection.module.css b/src/pages/Inventory/sections/CompositesSection.module.css index 24d9c69..45c56ae 100644 --- a/src/pages/Inventory/sections/CompositesSection.module.css +++ b/src/pages/Inventory/sections/CompositesSection.module.css @@ -56,7 +56,7 @@ } .demoLabel { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-weight: 500; } diff --git a/src/pages/Inventory/sections/LayoutSection.module.css b/src/pages/Inventory/sections/LayoutSection.module.css index 5f15c00..1219fbe 100644 --- a/src/pages/Inventory/sections/LayoutSection.module.css +++ b/src/pages/Inventory/sections/LayoutSection.module.css @@ -56,7 +56,7 @@ } .demoLabel { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-weight: 500; } @@ -80,7 +80,7 @@ border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; - font-size: 11px; + font-size: 12px; color: var(--text-muted); } diff --git a/src/pages/Inventory/sections/PrimitivesSection.module.css b/src/pages/Inventory/sections/PrimitivesSection.module.css index 24d9c69..45c56ae 100644 --- a/src/pages/Inventory/sections/PrimitivesSection.module.css +++ b/src/pages/Inventory/sections/PrimitivesSection.module.css @@ -56,7 +56,7 @@ } .demoLabel { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-weight: 500; } diff --git a/src/pages/RouteDetail/RouteDetail.module.css b/src/pages/RouteDetail/RouteDetail.module.css index a3ac57a..9c8979d 100644 --- a/src/pages/RouteDetail/RouteDetail.module.css +++ b/src/pages/RouteDetail/RouteDetail.module.css @@ -45,7 +45,7 @@ } .routeGroup { - font-size: 11px; + font-size: 12px; font-family: var(--font-mono); color: var(--text-muted); background: var(--bg-inset); @@ -78,7 +78,7 @@ } .kpiLabel { - font-size: 10px; + font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px; @@ -124,7 +124,7 @@ } .sectionMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } @@ -167,7 +167,7 @@ } .tableMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } @@ -196,7 +196,7 @@ align-items: center; gap: 5px; font-family: var(--font-mono); - font-size: 11px; + font-size: 12px; color: var(--text-secondary); } @@ -228,14 +228,14 @@ .errorClass { font-family: var(--font-mono); - font-size: 10px; + font-size: 12px; font-weight: 600; color: var(--error); margin-bottom: 4px; } .errorText { - font-size: 11px; + font-size: 12px; color: var(--error); font-family: var(--font-mono); line-height: 1.4; @@ -264,7 +264,7 @@ } .errorPatternMessage { - font-size: 11px; + font-size: 12px; color: var(--text-secondary); font-family: var(--font-mono); line-height: 1.5; @@ -274,7 +274,7 @@ } .errorPatternTime { - font-size: 10px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } diff --git a/src/pages/Routes/Routes.module.css b/src/pages/Routes/Routes.module.css index ff20a4d..349238e 100644 --- a/src/pages/Routes/Routes.module.css +++ b/src/pages/Routes/Routes.module.css @@ -30,7 +30,7 @@ } .refreshText { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); } @@ -66,7 +66,7 @@ } .tableMeta { - font-size: 11px; + font-size: 12px; color: var(--text-muted); font-family: var(--font-mono); }