diff --git a/src/index.css b/src/index.css index 2407d7c..2d0e52c 100644 --- a/src/index.css +++ b/src/index.css @@ -93,11 +93,15 @@ at 14, and 12px is the FLOOR — reserved for uppercase eyebrows, never for anything a person has to read. Size does the prioritising so the reader does not have to. */ + /* Shifted up one notch after an audit found 124 of ~200 sizings sitting at + 12-13px — the "meta" tier had quietly become the body size, so the whole + app read tiny and uniform with nothing for the eye to land on. Body is 14 + now, values 15, emphasis 16; 12px stays for uppercase eyebrows only. */ --fs-3xs: 0.75rem; /* 12px — uppercase eyebrows only */ - --fs-2xs: 0.8125rem; /* 13px — timestamps, meta */ - --fs-xs: 0.875rem; /* 14px — field labels */ - --fs-sm: 0.9375rem; /* 15px — body, field values */ - --fs-md: 1rem; /* 16px — emphasis */ + --fs-2xs: 0.875rem; /* 14px — was 13; the app's dominant size, now comfortable */ + --fs-xs: 0.9375rem; /* 15px — field labels */ + --fs-sm: 1rem; /* 16px — body, field values */ + --fs-md: 1.0625rem; /* 17px — emphasis */ --fs-lg: 1.125rem; /* 18px — panel titles */ --fs-xl: 1.375rem; /* 22px — section headings */ --fs-2xl: 1.75rem; /* 28px — page title */