style(design-system): normalize font-weight literals (400/500/600/700) to tokens

Mechanical, value-preserving: font-weight: 400/500/600/700 -> var(--font-weight-normal/medium/semibold/bold, <same value>) across src/app.
Note: cart.component.scss now sits ~771 bytes over its per-file budget
in angular.json due to longer var() strings; non-fatal build warning,
noted in docs/UI-DESIGN-REVIEW.md as a follow-up (either bump the
component style budget slightly or accept the warning).
This commit is contained in:
sdarbinyan
2026-07-20 03:28:56 +04:00
parent be59db2e2d
commit 5c54541b4c
74 changed files with 286 additions and 286 deletions

View File

@@ -50,7 +50,7 @@
&:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 1px; }
}
.html-editor-toolbar__btn--bold { font-weight: 700; }
.html-editor-toolbar__btn--bold { font-weight: var(--font-weight-bold, 700); }
.html-editor-toolbar__btn--italic { font-style: italic; font-family: serif; }
.html-editor-toolbar__btn--underline { text-decoration: underline; }
.html-editor-toolbar__btn--wide { padding: 0 10px; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #6b7280); }

View File

@@ -20,7 +20,7 @@
.editor-nav-group__label {
flex: 1 1 auto;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.4px;
text-transform: uppercase;
color: var(--text-light);
@@ -66,7 +66,7 @@
background: none;
color: var(--text-primary);
padding: 0 var(--space-sm);
font-weight: 500;
font-weight: var(--font-weight-medium, 500);
font-size: var(--font-size-lg, 1rem);
cursor: pointer;
text-decoration: none;
@@ -84,7 +84,7 @@
&.active {
background: color-mix(in srgb, var(--primary-color) 8%, transparent);
color: var(--primary-color);
font-weight: 600;
font-weight: var(--font-weight-semibold, 600);
}
}
@@ -129,7 +129,7 @@
background: var(--error-color);
color: #fff;
font-size: var(--font-size-xs, 0.75rem);
font-weight: 700;
font-weight: var(--font-weight-bold, 700);
line-height: 1;
flex-shrink: 0;
}