sdarbinyan/marketplaces
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/components/delivery-selector/delivery-selector.component.scss
View File

@@ -14,7 +14,7 @@
display: block; display: block;
margin-bottom: 8px; margin-bottom: 8px;
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #3f5f5c; color: #3f5f5c;
} }
@@ -50,7 +50,7 @@
padding: 6px 10px; padding: 6px 10px;
border-radius: var(--radius-full, 999px); border-radius: var(--radius-full, 999px);
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.delivery-chip--digital { .delivery-chip--digital {

14
src/app/components/header/header.component.scss
View File

@@ -59,7 +59,7 @@
border: 1px solid #d3dad9; border: 1px solid #d3dad9;
background: rgba(255, 255, 255, 0.74); background: rgba(255, 255, 255, 0.74);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
color: #1e3c38; color: #1e3c38;
text-decoration: none; text-decoration: none;
@@ -123,7 +123,7 @@
background: transparent; background: transparent;
outline: none; outline: none;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
color: #828e8d; color: #828e8d;
cursor: pointer; cursor: pointer;
@@ -165,7 +165,7 @@
.platform-ux-icon { .platform-ux-icon {
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
line-height: 1; line-height: 1;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.platform-ux-badge { .platform-ux-badge {
@@ -178,7 +178,7 @@
background: #497671; background: #497671;
color: #ffffff; color: #ffffff;
font-size: 10px; font-size: 10px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -226,7 +226,7 @@
background: #497671; background: #497671;
color: #ffffff; color: #ffffff;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: 10px; font-size: 10px;
line-height: 1; line-height: 1;
width: 18px; width: 18px;
@@ -240,7 +240,7 @@
.platform-cart-total { .platform-cart-total {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: 10px; font-size: 10px;
line-height: 1; line-height: 1;
color: #1e3c38; color: #1e3c38;
@@ -277,7 +277,7 @@
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
font-family: 'DM Sans', sans-serif; font-family: 'DM Sans', sans-serif;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
color: #1e3c38; color: #1e3c38;
text-decoration: none; text-decoration: none;
text-align: left; text-align: left;

8
src/app/components/items-carousel/items-carousel.component.scss
View File

@@ -186,7 +186,7 @@
border-radius: 20px; border-radius: 20px;
font-family: "DM Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.02em; letter-spacing: 0.02em;
z-index: 2; z-index: 2;
line-height: 1.3; line-height: 1.3;
@@ -203,7 +203,7 @@
.item-name { .item-name {
font-family: "DM Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
margin: 0; margin: 0;
line-height: 1.35; line-height: 1.35;
min-height: 2.2em; min-height: 2.2em;
@@ -232,7 +232,7 @@
} }
.rating-value { .rating-value {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: #1e3c38; color: #1e3c38;
} }
@@ -261,7 +261,7 @@
.current-price, .current-price,
.discounted-price { .discounted-price {
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
} }

14
src/app/components/language-selector/language-selector.component.scss
View File

@@ -15,7 +15,7 @@
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
&:hover { &:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@@ -87,7 +87,7 @@
&.active { &.active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
&.disabled { &.disabled {
@@ -182,7 +182,7 @@
.language-code { .language-code {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
color: #1e3c38; color: #1e3c38;
letter-spacing: 0; letter-spacing: 0;
@@ -326,7 +326,7 @@
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
&:hover { &:hover {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
@@ -335,7 +335,7 @@
.currency-symbol { .currency-symbol {
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.currency-code { .currency-code {
@@ -392,12 +392,12 @@
&.active { &.active {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.cur-symbol { .cur-symbol {
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
width: 20px; width: 20px;
text-align: center; text-align: center;
} }

14
src/app/components/product-card/product-card.component.scss
View File

@@ -57,7 +57,7 @@
color: #fff; color: #fff;
padding: 6px 12px; padding: 6px 12px;
border-radius: 20px; border-radius: 20px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
z-index: 1; z-index: 1;
} }
@@ -75,7 +75,7 @@
background: rgba(22, 163, 74, 0.9); background: rgba(22, 163, 74, 0.9);
color: #fff; color: #fff;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
text-transform: capitalize; text-transform: capitalize;
} }
@@ -100,7 +100,7 @@
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
color: #1e3c38; color: #1e3c38;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -161,7 +161,7 @@
background: #497671; background: #497671;
color: #fff; color: #fff;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
text-transform: uppercase; text-transform: uppercase;
} }
@@ -180,7 +180,7 @@
} }
.product-name { .product-name {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: clamp(14px, 1.4vw, 18px); font-size: clamp(14px, 1.4vw, 18px);
color: #1e3c38; color: #1e3c38;
margin: 0; margin: 0;
@@ -215,7 +215,7 @@
.rating-stars { .rating-stars {
color: #b45309; color: #b45309;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
} }
@@ -275,7 +275,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
background: #497671; background: #497671;
color: #fff; color: #fff;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease; transition: background 0.2s ease, transform 0.15s ease;

2
src/app/components/region-selector/region-selector.component.scss
View File

@@ -67,7 +67,7 @@
padding: 10px 14px; padding: 10px 14px;
border-bottom: 1px solid var(--border-color, #e0e0e0); border-bottom: 1px solid var(--border-color, #e0e0e0);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #666); color: var(--text-secondary, #666);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;

4
src/app/components/telegram-login/telegram-login.component.scss
View File

@@ -60,7 +60,7 @@
h2 { h2 {
margin: 0 0 8px; margin: 0 0 8px;
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1a1a1a); color: var(--text-primary, #1a1a1a);
} }
@@ -83,7 +83,7 @@ h2 {
background: #2AABEE; background: #2AABEE;
color: #fff; color: #fff;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;

2
src/app/features/admin/analytics/pages/admin-analytics-page.component.scss
View File

@@ -9,7 +9,7 @@
background: transparent; background: transparent;
padding: 10px 14px; padding: 10px 14px;
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #6b7280); color: var(--text-secondary, #6b7280);
cursor: pointer; cursor: pointer;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;

4
src/app/features/admin/categories/components/admin-categories-list.component.scss
View File

@@ -34,7 +34,7 @@ tr.deleted { opacity: 0.55; }
.category-tree__toggle { all: unset; cursor: pointer; width: 18px; text-align: center; color: var(--text-secondary, #5f6e6a); } .category-tree__toggle { all: unset; cursor: pointer; width: 18px; text-align: center; color: var(--text-secondary, #5f6e6a); }
.category-tree__toggle-spacer { width: 18px; display: inline-block; } .category-tree__toggle-spacer { width: 18px; display: inline-block; }
.category-tree__icon { font-size: var(--font-size-lg, 1rem); } .category-tree__icon { font-size: var(--font-size-lg, 1rem); }
.category-tree__title { font-weight: 600; color: var(--text-primary, #1e3c38); } .category-tree__title { font-weight: var(--font-weight-semibold, 600); color: var(--text-primary, #1e3c38); }
.category-tree__items { font-size: var(--font-size-xs, 0.75rem); color: var(--text-tertiary, #9aa6a2); } .category-tree__items { font-size: var(--font-size-xs, 0.75rem); color: var(--text-tertiary, #9aa6a2); }
.category-tree__actions { display: flex; gap: 6px; flex-wrap: wrap; } .category-tree__actions { display: flex; gap: 6px; flex-wrap: wrap; }
@@ -44,7 +44,7 @@ tr.deleted { opacity: 0.55; }
.category-grid__select { position: absolute; top: 8px; left: 8px; z-index: 1; } .category-grid__select { position: absolute; top: 8px; left: 8px; z-index: 1; }
.category-grid__image { width: 100%; height: 120px; object-fit: cover; border-radius: var(--radius-sm); background: var(--surface-muted, #eef2f0); } .category-grid__image { width: 100%; height: 120px; object-fit: cover; border-radius: var(--radius-sm); background: var(--surface-muted, #eef2f0); }
.category-grid__image--placeholder { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-3xl, 1.5rem); } .category-grid__image--placeholder { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-3xl, 1.5rem); }
.category-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .category-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-grid__items { margin: 0; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #5f6e6a); } .category-grid__items { margin: 0; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #5f6e6a); }
.category-grid__actions { display: flex; gap: 6px; flex-wrap: wrap; } .category-grid__actions { display: flex; gap: 6px; flex-wrap: wrap; }

8
src/app/features/admin/categories/components/admin-category-form.component.scss
View File

@@ -2,7 +2,7 @@
.grid { display: grid; gap: 12px; } .grid { display: grid; gap: 12px; }
.grid.one { grid-template-columns: 1fr; } .grid.one { grid-template-columns: 1fr; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
label { display: grid; gap: 6px; font-weight: 600; } label { display: grid; gap: 6px; font-weight: var(--font-weight-semibold, 600); }
label.check { display: flex; align-items: center; gap: 8px; } label.check { display: flex; align-items: center; gap: 8px; }
textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color, #d3dad9); border-radius: 10px; font: inherit; } textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color, #d3dad9); border-radius: 10px; font: inherit; }
input[type='checkbox'] { width: auto; } input[type='checkbox'] { width: auto; }
@@ -22,7 +22,7 @@ input[type='checkbox'] { width: auto; }
padding: 10px 14px; padding: 10px 14px;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -32,9 +32,9 @@ input[type='checkbox'] { width: auto; }
} }
.form-card__tab--active { color: var(--brand-primary, #1e8a6e); background: var(--surface-muted, #eef2f0); } .form-card__tab--active { color: var(--brand-primary, #1e8a6e); background: var(--surface-muted, #eef2f0); }
.form-card__panel { min-height: 200px; display: grid; gap: 14px; } .form-card__panel { min-height: 200px; display: grid; gap: 14px; }
.form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); } .form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); }
.form-card__explain { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); } .form-card__explain { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: 400; } .toggle-row { display: flex; align-items: center; gap: 8px; font-weight: var(--font-weight-normal, 400); }
.nav-children { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, 0.8125rem); } .nav-children { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, 0.8125rem); }

2
src/app/features/admin/categories/components/categories-dashboard/categories-dashboard.component.scss
View File

@@ -30,7 +30,7 @@
h4 { h4 {
margin: 0; margin: 0;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
p { p {

2
src/app/features/admin/categories/components/category-health-widget/category-health-widget.component.scss
View File

@@ -18,7 +18,7 @@
.category-health__percent { .category-health__percent {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
} }

2
src/app/features/admin/customers/pages/admin-customer-detail-page.component.scss
View File

@@ -8,6 +8,6 @@
.card p { margin: 0; } .card p { margin: 0; }
.muted { color: var(--text-secondary, #5f6e6a); font-size: var(--font-size-sm, 0.8125rem); } .muted { color: var(--text-secondary, #5f6e6a); font-size: var(--font-size-sm, 0.8125rem); }
.order-row { display: flex; align-items: center; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--border-subtle, #e7ece9); } .order-row { display: flex; align-items: center; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--border-subtle, #e7ece9); }
.link-button { all: unset; cursor: pointer; color: var(--brand-primary, #1e8a6e); font-weight: 600; } .link-button { all: unset; cursor: pointer; color: var(--brand-primary, #1e8a6e); font-weight: var(--font-weight-semibold, 600); }
.link-button:hover, .link-button:focus-visible { text-decoration: underline; } .link-button:hover, .link-button:focus-visible { text-decoration: underline; }
@media (max-width: 700px) { .grid.two { grid-template-columns: 1fr; } } @media (max-width: 700px) { .grid.two { grid-template-columns: 1fr; } }

2
src/app/features/admin/dashboard/components/dashboard-card.component.scss
View File

@@ -22,7 +22,7 @@
.dashboard-card__title { .dashboard-card__title {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
flex: 1 1 auto; flex: 1 1 auto;
} }

6
src/app/features/admin/dashboard/components/dashboard-metric.component.scss
View File

@@ -7,7 +7,7 @@
.dashboard-metric__label { .dashboard-metric__label {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-light); color: var(--text-light);
@@ -18,7 +18,7 @@
align-items: center; align-items: center;
gap: var(--space-xs); gap: var(--space-xs);
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -27,7 +27,7 @@
.dashboard-metric__badge { .dashboard-metric__badge {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
padding: 2px 8px; padding: 2px 8px;

2
src/app/features/admin/dashboard/components/dashboard-section.component.scss
View File

@@ -14,7 +14,7 @@
.dashboard-section__title { .dashboard-section__title {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
flex: 1 1 auto; flex: 1 1 auto;
} }

4
src/app/features/admin/dashboard/components/dashboard-shortcut-card.component.scss
View File

@@ -57,7 +57,7 @@
.dashboard-shortcut-card__title { .dashboard-shortcut-card__title {
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -75,7 +75,7 @@
top: var(--space-sm); top: var(--space-sm);
right: var(--space-sm); right: var(--space-sm);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
padding: 2px 8px; padding: 2px 8px;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--primary-color) 8%, transparent); background: color-mix(in srgb, var(--primary-color) 8%, transparent);

2
src/app/features/admin/dashboard/components/dashboard-status-row.component.scss
View File

@@ -21,7 +21,7 @@
} }
.dashboard-status-row__value { .dashboard-status-row__value {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }

10
src/app/features/admin/dashboard/pages/admin-dashboard-page.component.scss
View File

@@ -35,7 +35,7 @@
.dashboard-welcome__eyebrow { .dashboard-welcome__eyebrow {
margin: 0; margin: 0;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
@@ -44,7 +44,7 @@
.dashboard-welcome__title { .dashboard-welcome__title {
margin: 0; margin: 0;
font-size: clamp(1.5rem, 3vw, 2rem); font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
line-height: 1.25; line-height: 1.25;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -54,7 +54,7 @@
.dashboard-welcome__env-badge { .dashboard-welcome__env-badge {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
padding: 2px 10px; padding: 2px 10px;
@@ -110,7 +110,7 @@
margin: 0; margin: 0;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
color: var(--success-color); color: var(--success-color);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.dashboard-draft__fields { .dashboard-draft__fields {
@@ -180,7 +180,7 @@
.dashboard-doc-list__badge { .dashboard-doc-list__badge {
margin-left: auto; margin-left: auto;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
padding: 2px 8px; padding: 2px 8px;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
background: var(--bg-tertiary); background: var(--bg-tertiary);

2
src/app/features/admin/moderation/components/moderation-dashboard/moderation-dashboard.component.scss
View File

@@ -2,6 +2,6 @@
.moderation-dashboard__metrics { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; } .moderation-dashboard__metrics { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1100px) { .moderation-dashboard__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 1100px) { .moderation-dashboard__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .moderation-dashboard__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .moderation-dashboard__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.moderation-dashboard__activity h4 { margin: 0 0 8px; font-size: var(--font-size-md, 0.9375rem); font-weight: 700; } .moderation-dashboard__activity h4 { margin: 0 0 8px; font-size: var(--font-size-md, 0.9375rem); font-weight: var(--font-weight-bold, 700); }
.moderation-dashboard__activity ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); } .moderation-dashboard__activity ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.moderation-dashboard__activity p { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); } .moderation-dashboard__activity p { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }

2
src/app/features/admin/moderation/components/review-health-widget/review-health-widget.component.scss
View File

@@ -1,7 +1,7 @@
.review-health { display: grid; gap: 6px; align-items: center; } .review-health { display: grid; gap: 6px; align-items: center; }
.review-health__bar { height: 6px; border-radius: var(--radius-full, 999px); background: var(--surface-muted, #eef2f0); overflow: hidden; } .review-health__bar { height: 6px; border-radius: var(--radius-full, 999px); background: var(--surface-muted, #eef2f0); overflow: hidden; }
.review-health__bar-fill { height: 100%; background: var(--brand-primary, #1e8a6e); } .review-health__bar-fill { height: 100%; background: var(--brand-primary, #1e8a6e); }
.review-health__percent { font-size: var(--font-size-xs, 0.75rem); font-weight: 700; color: var(--text-secondary, #5f6e6a); } .review-health__percent { font-size: var(--font-size-xs, 0.75rem); font-weight: var(--font-weight-bold, 700); color: var(--text-secondary, #5f6e6a); }
.review-health__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #5f6e6a); } .review-health__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #5f6e6a); }
.review-health__list li { display: flex; align-items: center; gap: 6px; } .review-health__list li { display: flex; align-items: center; gap: 6px; }
.review-health__list-item--done { color: var(--text-primary, #1e3c38); } .review-health__list-item--done { color: var(--text-primary, #1e3c38); }

2
src/app/features/admin/moderation/pages/admin-reports-list-page.component.scss
View File

@@ -2,5 +2,5 @@
.toolbar { display: flex; align-items: center; gap: 12px; } .toolbar { display: flex; align-items: center; gap: 12px; }
.toolbar h1 { margin: 0; font-size: var(--font-size-2xl, 1.25rem); } .toolbar h1 { margin: 0; font-size: var(--font-size-2xl, 1.25rem); }
.actions { display: flex; gap: 8px; } .actions { display: flex; gap: 8px; }
.link-button { all: unset; cursor: pointer; color: var(--brand-primary, #1e8a6e); font-weight: 600; } .link-button { all: unset; cursor: pointer; color: var(--brand-primary, #1e8a6e); font-weight: var(--font-weight-semibold, 600); }
.link-button:hover, .link-button:focus-visible { text-decoration: underline; } .link-button:hover, .link-button:focus-visible { text-decoration: underline; }

2
src/app/features/admin/orders/components/order-timeline/order-timeline.component.scss
View File

@@ -46,7 +46,7 @@
} }
.order-timeline__status { .order-timeline__status {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
} }

2
src/app/features/admin/orders/components/orders-dashboard/orders-dashboard.component.scss
View File

@@ -31,7 +31,7 @@
.orders-dashboard__activity h4 { .orders-dashboard__activity h4 {
margin: 0 0 8px; margin: 0 0 8px;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.orders-dashboard__activity ul { .orders-dashboard__activity ul {

10
src/app/features/admin/orders/pages/admin-order-detail-page.component.scss
View File

@@ -7,7 +7,7 @@
.card { border: 1px solid var(--border-color, #d3dad9); border-radius: var(--radius-md); padding: 14px; display: grid; gap: 6px; } .card { border: 1px solid var(--border-color, #d3dad9); border-radius: var(--radius-md); padding: 14px; display: grid; gap: 6px; }
.card h3 { margin: 0 0 6px; } .card h3 { margin: 0 0 6px; }
.card p { margin: 0; } .card p { margin: 0; }
.total { font-weight: 600; } .total { font-weight: var(--font-weight-semibold, 600); }
select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--border-color, #d3dad9); border-radius: var(--radius-sm); font: inherit; } select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--border-color, #d3dad9); border-radius: var(--radius-sm); font: inherit; }
.actions { display: flex; gap: 8px; } .actions { display: flex; gap: 8px; }
@media (max-width: 700px) { .grid.two { grid-template-columns: 1fr; } } @media (max-width: 700px) { .grid.two { grid-template-columns: 1fr; } }
@@ -17,12 +17,12 @@ select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde
all: unset; all: unset;
cursor: pointer; cursor: pointer;
color: var(--brand-primary, #1e8a6e); color: var(--brand-primary, #1e8a6e);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
&:hover, &:focus-visible { text-decoration: underline; } &:hover, &:focus-visible { text-decoration: underline; }
} }
.print-only { display: none; margin: 0; font-weight: 600; } .print-only { display: none; margin: 0; font-weight: var(--font-weight-semibold, 600); }
.status-stepper { .status-stepper {
list-style: none; list-style: none;
@@ -60,7 +60,7 @@ select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde
.status-stepper__label { .status-stepper__label {
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
} }
@@ -70,6 +70,6 @@ select, textarea { width: 100%; padding: 8px 10px; border: 1px solid var(--borde
} }
.status-stepper__terminal { .status-stepper__terminal {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
} }

18
src/app/features/admin/products/components/admin-product-form.component.scss
View File

@@ -3,7 +3,7 @@
.grid.one { grid-template-columns: 1fr; } .grid.one { grid-template-columns: 1fr; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
label { display: grid; gap: 6px; font-weight: 600; } label { display: grid; gap: 6px; font-weight: var(--font-weight-semibold, 600); }
label.full, app-form-field.full { grid-column: 1 / -1; } label.full, app-form-field.full { grid-column: 1 / -1; }
label.check { display: flex; align-items: center; gap: 8px; } label.check { display: flex; align-items: center; gap: 8px; }
textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color, #d3dad9); border-radius: 10px; font: inherit; } textarea, select { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color, #d3dad9); border-radius: 10px; font: inherit; }
@@ -32,7 +32,7 @@ input[type='checkbox'] { width: auto; }
} }
} }
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.price-preview { font-weight: 600; } .price-preview { font-weight: var(--font-weight-semibold, 600); }
.actions { display: flex; justify-content: flex-end; } .actions { display: flex; justify-content: flex-end; }
@media (max-width: 700px) { .related-grid { grid-template-columns: 1fr; } } @media (max-width: 700px) { .related-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .grid.two, .grid.three, .readonly-grid { grid-template-columns: 1fr; } } @media (max-width: 900px) { .grid.two, .grid.three, .readonly-grid { grid-template-columns: 1fr; } }
@@ -46,7 +46,7 @@ input[type='checkbox'] { width: auto; }
padding: 10px 14px; padding: 10px 14px;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -56,11 +56,11 @@ input[type='checkbox'] { width: auto; }
} }
.form-card__tab--active { color: var(--brand-primary, #1e8a6e); background: var(--surface-muted, #eef2f0); } .form-card__tab--active { color: var(--brand-primary, #1e8a6e); background: var(--surface-muted, #eef2f0); }
.form-card__panel { min-height: 200px; display: grid; gap: 14px; } .form-card__panel { min-height: 200px; display: grid; gap: 14px; }
.form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); } .form-card__subheading { margin: 8px 0 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); text-transform: uppercase; letter-spacing: 0.03em; color: var(--text-secondary, #5f6e6a); }
.form-card__explain { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); } .form-card__explain { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.form-card__group { border: 1px solid var(--border-subtle, #e7ece9); border-radius: 10px; padding: 10px 14px; } .form-card__group { border: 1px solid var(--border-subtle, #e7ece9); border-radius: 10px; padding: 10px 14px; }
.form-card__group summary { cursor: pointer; font-weight: 700; color: var(--text-primary, #1e3c38); } .form-card__group summary { cursor: pointer; font-weight: var(--font-weight-bold, 700); color: var(--text-primary, #1e3c38); }
.toggle-row { display: flex; align-items: center; gap: 8px; font-weight: 400; } .toggle-row { display: flex; align-items: center; gap: 8px; font-weight: var(--font-weight-normal, 400); }
.seo-preview { .seo-preview {
border: 1px solid var(--border-subtle, #e7ece9); border: 1px solid var(--border-subtle, #e7ece9);
@@ -86,7 +86,7 @@ input[type='checkbox'] { width: auto; }
align-items: center; align-items: center;
gap: 8px; gap: 8px;
cursor: pointer; cursor: pointer;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
&:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; } &:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; }
@@ -98,7 +98,7 @@ input[type='checkbox'] { width: auto; }
margin-left: auto; margin-left: auto;
color: var(--text-secondary, #6b7280); color: var(--text-secondary, #6b7280);
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 400; font-weight: var(--font-weight-normal, 400);
} }
.translations-block__hint { .translations-block__hint {
margin: 0 0 10px; margin: 0 0 10px;
@@ -110,7 +110,7 @@ input[type='checkbox'] { width: auto; }
.badge-chip { .badge-chip {
display: inline-flex; align-items: center; gap: 4px; display: inline-flex; align-items: center; gap: 4px;
min-height: 24px; padding: 3px 10px; border-radius: var(--radius-full, 999px); min-height: 24px; padding: 3px 10px; border-radius: var(--radius-full, 999px);
color: #fff; font-size: var(--font-size-xs, 0.75rem); font-weight: 700; text-transform: uppercase; color: #fff; font-size: var(--font-size-xs, 0.75rem); font-weight: var(--font-weight-bold, 700); text-transform: uppercase;
border: none; border: none;
} }
.badge-chip--add { cursor: pointer; opacity: 0.55; &:hover { opacity: 1; } &:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; opacity: 1; } } .badge-chip--add { cursor: pointer; opacity: 0.55; &:hover { opacity: 1; } &:focus-visible { outline: 2px solid var(--color-primary, #2f8f5b); outline-offset: 2px; opacity: 1; } }

2
src/app/features/admin/products/components/admin-products-list.component.scss
View File

@@ -22,7 +22,7 @@ select { min-height: 40px; padding: 0 10px; border: 1px solid var(--border-color
.product-grid__select { position: absolute; top: 8px; left: 8px; z-index: 1; } .product-grid__select { position: absolute; top: 8px; left: 8px; z-index: 1; }
.product-grid__image { width: 100%; height: 120px; object-fit: cover; border-radius: var(--radius-sm); background: var(--surface-muted, #eef2f0); } .product-grid__image { width: 100%; height: 120px; object-fit: cover; border-radius: var(--radius-sm); background: var(--surface-muted, #eef2f0); }
.product-grid__image--placeholder { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-xs, 0.75rem); color: var(--text-tertiary, #9aa6a2); } .product-grid__image--placeholder { display: flex; align-items: center; justify-content: center; font-size: var(--font-size-xs, 0.75rem); color: var(--text-tertiary, #9aa6a2); }
.product-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-grid__name { margin: 0; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-bold, 700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-grid__price { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); } .product-grid__price { margin: 0; font-size: var(--font-size-sm, 0.8125rem); color: var(--text-secondary, #5f6e6a); }
.product-grid__actions { display: flex; gap: 6px; flex-wrap: wrap; } .product-grid__actions { display: flex; gap: 6px; flex-wrap: wrap; }

2
src/app/features/admin/products/components/product-health-widget/product-health-widget.component.scss
View File

@@ -18,7 +18,7 @@
.product-health__percent { .product-health__percent {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
} }

2
src/app/features/admin/products/components/product-variants-editor/product-variants-editor.component.scss
View File

@@ -82,7 +82,7 @@
button { border: none; background: transparent; cursor: pointer; color: var(--text-secondary, #6b7280); } button { border: none; background: transparent; cursor: pointer; color: var(--text-secondary, #6b7280); }
} }
.price-row__currency { font-weight: 700; font-size: var(--font-size-sm, 0.8125rem); min-width: 32px; } .price-row__currency { font-weight: var(--font-weight-bold, 700); font-size: var(--font-size-sm, 0.8125rem); min-width: 32px; }
.price-row--add { gap: 4px; } .price-row--add { gap: 4px; }
@media (max-width: 640px) { @media (max-width: 640px) {

2
src/app/features/admin/products/components/products-dashboard/products-dashboard.component.scss
View File

@@ -43,7 +43,7 @@
h4 { h4 {
margin: 0; margin: 0;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
p { p {

14
src/app/features/admin/shell/admin-layout.component.scss
View File

@@ -80,7 +80,7 @@
padding: var(--space-md); padding: var(--space-md);
text-decoration: none; text-decoration: none;
color: var(--text-primary); color: var(--text-primary);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
} }
@@ -114,7 +114,7 @@
.admin-layout__nav-group { .admin-layout__nav-group {
padding: var(--space-md) var(--space-sm) var(--space-xs); padding: var(--space-md) var(--space-sm) var(--space-xs);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-light); color: var(--text-light);
@@ -154,7 +154,7 @@
&--active { &--active {
background: color-mix(in srgb, var(--primary-color) 8%, transparent); background: color-mix(in srgb, var(--primary-color) 8%, transparent);
color: var(--primary-color); color: var(--primary-color);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
&--disabled { &--disabled {
@@ -171,7 +171,7 @@
.admin-layout__soon-badge { .admin-layout__soon-badge {
margin-left: auto; margin-left: auto;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
padding: 2px 8px; padding: 2px 8px;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
background: color-mix(in srgb, var(--primary-color) 8%, transparent); background: color-mix(in srgb, var(--primary-color) 8%, transparent);
@@ -263,7 +263,7 @@
.admin-layout__title { .admin-layout__title {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
line-height: 1.3; line-height: 1.3;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@@ -384,13 +384,13 @@
background: var(--primary-color); background: var(--primary-color);
color: #fff; color: #fff;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
flex-shrink: 0; flex-shrink: 0;
} }
.admin-layout__account-name { .admin-layout__account-name {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
max-width: 140px; max-width: 140px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/app/features/backoffice/media/components/asset-tile/asset-tile.component.scss
View File

@@ -55,7 +55,7 @@
.asset-tile__filename { .asset-tile__filename {
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/app/features/backoffice/shared/backoffice-coming-soon-page.component.scss
View File

@@ -23,7 +23,7 @@
.coming-soon__link { .coming-soon__link {
color: var(--primary-color, #497671); color: var(--primary-color, #497671);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
text-decoration: none; text-decoration: none;
} }

2
src/app/features/content-management/components/content-dashboard/content-dashboard.component.scss
View File

@@ -36,7 +36,7 @@
h4 { h4 {
margin: 0; margin: 0;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
p { p {

2
src/app/features/content-management/components/content-health-widget/content-health-widget.component.scss
View File

@@ -11,7 +11,7 @@
h4 { h4 {
margin: 0; margin: 0;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
} }
} }

2
src/app/features/content-management/components/page-card/page-card.component.scss
View File

@@ -41,7 +41,7 @@
.page-card-tile__title { .page-card-tile__title {
margin: 0; margin: 0;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

8
src/app/features/content-management/components/page-editor/page-editor.component.scss
View File

@@ -14,7 +14,7 @@
.page-editor__title { .page-editor__title {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
flex: 1; flex: 1;
min-width: 160px; min-width: 160px;
@@ -39,7 +39,7 @@
padding: 10px 14px; padding: 10px 14px;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@@ -93,7 +93,7 @@
.media-block__label { .media-block__label {
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
} }
@@ -116,7 +116,7 @@
summary { summary {
cursor: pointer; cursor: pointer;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
} }
} }

2
src/app/features/content-management/components/static-page-preview/static-page-preview.component.scss
View File

@@ -30,7 +30,7 @@
.static-page-preview__title { .static-page-preview__title {
margin: 0 0 1rem; margin: 0 0 1rem;
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
} }

2
src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.scss
View File

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

8
src/app/features/project-editor/components/project-editor-nav.component.scss
View File

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

22
src/app/features/project-editor/pages/builder-overview-page.component.scss
View File

@@ -13,7 +13,7 @@
gap: var(--space-xs); gap: var(--space-xs);
align-self: flex-start; align-self: flex-start;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
color: var(--text-secondary); color: var(--text-secondary);
text-decoration: none; text-decoration: none;
@@ -40,7 +40,7 @@
.builder-overview__eyebrow { .builder-overview__eyebrow {
margin: 0; margin: 0;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
@@ -49,7 +49,7 @@
.builder-overview__title { .builder-overview__title {
margin: 0; margin: 0;
font-size: clamp(1.5rem, 3vw, 2rem); font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.builder-overview__subtitle { .builder-overview__subtitle {
@@ -78,7 +78,7 @@
.builder-overview__readiness-label { .builder-overview__readiness-label {
margin: var(--space-xs) 0 0; margin: var(--space-xs) 0 0;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.builder-overview__readiness-hint { .builder-overview__readiness-hint {
@@ -104,7 +104,7 @@
.builder-overview__next-step-label { .builder-overview__next-step-label {
margin: 0; margin: 0;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.75);
@@ -112,14 +112,14 @@
.builder-overview__next-step-link { .builder-overview__next-step-link {
color: #fff; color: #fff;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
text-decoration: underline; text-decoration: underline;
} }
.builder-overview__next-step-done { .builder-overview__next-step-done {
margin: 0; margin: 0;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.builder-overview__section { .builder-overview__section {
@@ -130,7 +130,7 @@
h2 { h2 {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }
} }
@@ -201,7 +201,7 @@
.builder-overview__card-title { .builder-overview__card-title {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -214,7 +214,7 @@
.builder-overview__card-cta { .builder-overview__card-cta {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--primary-color); color: var(--primary-color);
} }
@@ -268,7 +268,7 @@
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
&:hover { &:hover {
border-color: var(--primary-color); border-color: var(--primary-color);

10
src/app/features/project-editor/pages/project-editor-page.component.scss
View File

@@ -38,7 +38,7 @@
margin-bottom: var(--space-md); margin-bottom: var(--space-md);
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
color: var(--text-primary); color: var(--text-primary);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
text-decoration: none; text-decoration: none;
&:hover { &:hover {
@@ -160,14 +160,14 @@
h1 { h1 {
margin: 0; margin: 0;
font-size: clamp(1.5rem, 3vw, 2rem); font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
} }
} }
.project-editor-layout__badge { .project-editor-layout__badge {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
padding: 2px 8px; padding: 2px 8px;
@@ -205,7 +205,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
white-space: nowrap; white-space: nowrap;
@@ -233,7 +233,7 @@
h2 { h2 {
margin: 0 0 4px; margin: 0 0 4px;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-light); color: var(--text-light);

14
src/app/features/project-editor/sections/brand/brand-overview.component.scss
View File

@@ -24,7 +24,7 @@
border-radius: 50%; border-radius: 50%;
display: grid; display: grid;
place-items: center; place-items: center;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
color: var(--text-primary); color: var(--text-primary);
@@ -45,7 +45,7 @@
h2 { h2 {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -60,7 +60,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-xs); gap: var(--space-xs);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--primary-color); color: var(--primary-color);
&--done { &--done {
@@ -117,7 +117,7 @@
h3 { h3 {
margin: 0 0 var(--space-sm); margin: 0 0 var(--space-sm);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-light); color: var(--text-light);
@@ -161,7 +161,7 @@
background: color-mix(in srgb, var(--warning-color) 12%, transparent); background: color-mix(in srgb, var(--warning-color) 12%, transparent);
color: var(--warning-color); color: var(--warning-color);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.brand-overview__type-sample { .brand-overview__type-sample {
@@ -174,7 +174,7 @@
.brand-overview__type-heading { .brand-overview__type-heading {
margin: 0 0 4px; margin: 0 0 4px;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -205,7 +205,7 @@
.brand-overview__social-title { .brand-overview__social-title {
margin: 0; margin: 0;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
color: var(--text-primary); color: var(--text-primary);
} }

6
src/app/features/project-editor/sections/homepage/homepage-overview.component.scss
View File

@@ -24,7 +24,7 @@
border-radius: 50%; border-radius: 50%;
display: grid; display: grid;
place-items: center; place-items: center;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
color: var(--text-primary); color: var(--text-primary);
@@ -45,7 +45,7 @@
h2 { h2 {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -64,7 +64,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-xs); gap: var(--space-xs);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--primary-color); color: var(--primary-color);
&--done { &--done {

14
src/app/features/project-editor/sections/section.shared.scss
View File

@@ -34,7 +34,7 @@ label {
display: grid; display: grid;
gap: 6px; gap: 6px;
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
label.full, label.full,
@@ -44,7 +44,7 @@ app-form-field.full {
.field-desc { .field-desc {
display: block; display: block;
font-weight: 400; font-weight: var(--font-weight-normal, 400);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
line-height: 1.4; line-height: 1.4;
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
@@ -109,7 +109,7 @@ button {
background: #497671; background: #497671;
color: #fff; color: #fff;
padding: 0 14px; padding: 0 14px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: background-color var(--transition-fast, 120ms ease), transition: background-color var(--transition-fast, 120ms ease),
border-color var(--transition-fast, 120ms ease), border-color var(--transition-fast, 120ms ease),
@@ -207,7 +207,7 @@ button.secondary {
th { th {
color: var(--text-secondary, #5f6e6a); color: var(--text-secondary, #5f6e6a);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.preview-before { .preview-before {
@@ -217,7 +217,7 @@ button.secondary {
.preview-after { .preview-after {
color: var(--text-primary, #1e3c38); color: var(--text-primary, #1e3c38);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
} }
@@ -235,8 +235,8 @@ button.secondary {
display: inline-flex; align-items: center; gap: 6px; display: inline-flex; align-items: center; gap: 6px;
padding: 4px 10px; border-radius: var(--radius-full, 999px); padding: 4px 10px; border-radius: var(--radius-full, 999px);
border: 1px solid var(--border-color, #d3dad9); border: 1px solid var(--border-color, #d3dad9);
font-size: var(--font-size-sm, 0.8125rem); font-weight: 600; font-size: var(--font-size-sm, 0.8125rem); font-weight: var(--font-weight-semibold, 600);
em { font-style: normal; font-weight: 400; font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #6b7280); } em { font-style: normal; font-weight: var(--font-weight-normal, 400); font-size: var(--font-size-xs, 0.75rem); color: var(--text-secondary, #6b7280); }
} }
.languages-summary__chip--default { border-color: var(--color-primary, #2f8f5b); } .languages-summary__chip--default { border-color: var(--color-primary, #2f8f5b); }
.languages-summary__manage { font-size: var(--font-size-sm, 0.8125rem); text-decoration: underline; color: var(--text-primary, #1e3c38); } .languages-summary__manage { font-size: var(--font-size-sm, 0.8125rem); text-decoration: underline; color: var(--text-primary, #1e3c38); }

6
src/app/features/project-editor/sections/widgets-section.component.scss
View File

@@ -19,7 +19,7 @@
.widget-card__title { .widget-card__title {
margin: 0; margin: 0;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
flex: 1 1 auto; flex: 1 1 auto;
min-width: 120px; min-width: 120px;
@@ -27,7 +27,7 @@
.widget-card__hidden-badge { .widget-card__hidden-badge {
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
letter-spacing: 0.4px; letter-spacing: 0.4px;
text-transform: uppercase; text-transform: uppercase;
padding: 2px 8px; padding: 2px 8px;
@@ -90,7 +90,7 @@
summary { summary {
cursor: pointer; cursor: pointer;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-light); color: var(--text-light);
} }
} }

2
src/app/features/search/components/empty-results/search-empty-results.component.scss
View File

@@ -17,7 +17,7 @@ h3 {
color: var(--text-primary); color: var(--text-primary);
padding: 0 14px; padding: 0 14px;
cursor: pointer; cursor: pointer;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.block { .block {

6
src/app/features/search/components/search-bar/search-bar.component.scss
View File

@@ -51,7 +51,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--primary-color); background: var(--primary-color);
color: #fff; color: #fff;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
padding: 0 14px; padding: 0 14px;
cursor: pointer; cursor: pointer;
} }
@@ -108,7 +108,7 @@
} }
.suggestion-title { .suggestion-title {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.suggestion-copy small, .suggestion-copy small,
@@ -145,7 +145,7 @@
background: transparent; background: transparent;
color: var(--primary-color); color: var(--primary-color);
cursor: pointer; cursor: pointer;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.no-results { .no-results {

2
src/app/features/website/catalog/components/catalog-empty-state/catalog-empty-state.component.scss
View File

@@ -60,7 +60,7 @@
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
padding: 0 16px; padding: 0 16px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: border-color 0.2s ease, transform 0.2s ease; transition: border-color 0.2s ease, transform 0.2s ease;
} }

2
src/app/features/website/catalog/components/category-grid/category-grid.component.scss
View File

@@ -91,7 +91,7 @@
background: rgba(73, 118, 113, 0.1); background: rgba(73, 118, 113, 0.1);
color: #3d635f; color: #3d635f;
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
white-space: nowrap; white-space: nowrap;
} }
} }

6
src/app/features/website/catalog/components/filters-panel/filters-panel.component.scss
View File

@@ -34,7 +34,7 @@
justify-content: space-between; justify-content: space-between;
gap: 12px; gap: 12px;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
@@ -83,7 +83,7 @@
.range-field span { .range-field span {
margin: 0; margin: 0;
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
letter-spacing: 0.02em; letter-spacing: 0.02em;
text-transform: uppercase; text-transform: uppercase;
color: var(--text-secondary); color: var(--text-secondary);
@@ -171,7 +171,7 @@
.slider-inputs span { .slider-inputs span {
color: var(--text-secondary); color: var(--text-secondary);
font-size: 0.88rem; font-size: 0.88rem;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.color-options, .color-options,

2
src/app/features/website/catalog/components/layout-switcher/layout-switcher.component.scss
View File

@@ -11,7 +11,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
padding: 0 12px; padding: 0 12px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;

2
src/app/features/website/catalog/components/search-results/search-results.component.scss
View File

@@ -75,7 +75,7 @@
color: var(--text-primary); color: var(--text-primary);
padding: 0 16px; padding: 0 16px;
cursor: pointer; cursor: pointer;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.results-pager button { .results-pager button {

2
src/app/features/website/catalog/components/sorting-control/sorting-control.component.scss
View File

@@ -10,7 +10,7 @@
.catalog-sorting span { .catalog-sorting span {
color: var(--text-secondary); color: var(--text-secondary);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.catalog-sorting select { .catalog-sorting select {

14
src/app/features/website/catalog/containers/catalog-container.component.scss
View File

@@ -33,7 +33,7 @@
border: 0; border: 0;
background: transparent; background: transparent;
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
} }
@@ -72,7 +72,7 @@
background: transparent; background: transparent;
color: #497671; color: #497671;
font: inherit; font: inherit;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
@@ -139,7 +139,7 @@
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
padding: 0 12px; padding: 0 12px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease; transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
} }
@@ -169,7 +169,7 @@
background: transparent; background: transparent;
color: var(--text-secondary); color: var(--text-secondary);
padding: 0 12px; padding: 0 12px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease; transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
} }
@@ -187,7 +187,7 @@
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
padding: 0 12px; padding: 0 12px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
} }
@@ -277,7 +277,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
background: var(--primary-color); background: var(--primary-color);
color: #fff; color: #fff;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
} }
@@ -312,7 +312,7 @@
color: var(--text-primary); color: var(--text-primary);
text-align: left; text-align: left;
padding: 0 12px; padding: 0 12px;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease; transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
} }

2
src/app/features/website/product/components/product-actions/product-actions.component.scss
View File

@@ -10,7 +10,7 @@ button {
border: 1px solid #d3dad9; border: 1px solid #d3dad9;
background: #fff; background: #fff;
color: #1e3c38; color: #1e3c38;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
padding: 0 14px; padding: 0 14px;
cursor: pointer; cursor: pointer;
} }

6
src/app/features/website/product/components/product-gallery/product-gallery.component.scss
View File

@@ -42,7 +42,7 @@
color: #1e3c38; color: #1e3c38;
border-radius: var(--radius-full, 999px); border-radius: var(--radius-full, 999px);
padding: 0 10px; padding: 0 10px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
} }
@@ -56,7 +56,7 @@
p { p {
margin: 0; margin: 0;
color: #1e3c38; color: #1e3c38;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
a { a {
@@ -68,7 +68,7 @@
padding: 0 14px; padding: 0 14px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
} }

2
src/app/features/website/product/engagement/components/product-tabs/product-tabs.component.scss
View File

@@ -15,7 +15,7 @@
justify-content: center; justify-content: center;
gap: 6px; gap: 6px;
color: var(--text-primary); color: var(--text-primary);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
} }

2
src/app/features/website/product/engagement/components/question-form/question-form.component.scss
View File

@@ -32,7 +32,7 @@ button {
background: var(--primary-color); background: var(--primary-color);
color: #fff; color: #fff;
padding: 0 16px; padding: 0 16px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
button:disabled { button:disabled {

4
src/app/features/website/product/engagement/components/question-list/question-list.component.scss
View File

@@ -11,7 +11,7 @@
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);
padding: 0 14px; padding: 0 14px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: border-color 0.2s ease, transform 0.2s ease; transition: border-color 0.2s ease, transform 0.2s ease;
} }
@@ -34,7 +34,7 @@
.submission-disabled { .submission-disabled {
margin: 0; margin: 0;
color: var(--text-secondary); color: var(--text-secondary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.pager { .pager {

2
src/app/features/website/product/engagement/components/rating-summary/rating-summary.component.scss
View File

@@ -19,7 +19,7 @@
.total { .total {
color: var(--text-secondary); color: var(--text-secondary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.distribution { .distribution {

8
src/app/features/website/product/engagement/components/review-form/review-form.component.scss
View File

@@ -10,7 +10,7 @@ h3 {
} }
label { label {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
} }
@@ -32,7 +32,7 @@ textarea {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
} }
.upload-placeholder { .upload-placeholder {
@@ -49,7 +49,7 @@ textarea {
.success { .success {
color: #166534; color: #166534;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.error { .error {
@@ -64,7 +64,7 @@ button {
background: var(--primary-color); background: var(--primary-color);
color: #fff; color: #fff;
padding: 0 16px; padding: 0 16px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
} }

2
src/app/features/website/product/engagement/components/review-list/review-list.component.scss
View File

@@ -48,7 +48,7 @@
background: var(--bg-primary); background: var(--bg-primary);
color: var(--primary-color); color: var(--primary-color);
padding: 0 16px; padding: 0 16px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
} }

2
src/app/features/website/user-experience/compare/components/compare-table.component.scss
View File

@@ -26,7 +26,7 @@
.compare-product-title { .compare-product-title {
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
line-height: 1.3; line-height: 1.3;
} }

4
src/app/features/website/user-experience/compare/containers/compare-page.component.scss
View File

@@ -33,7 +33,7 @@
gap: 8px; gap: 8px;
align-items: center; align-items: center;
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.compare-products-list { .compare-products-list {
@@ -55,7 +55,7 @@
.compare-product-chip a { .compare-product-chip a {
color: var(--text-primary); color: var(--text-primary);
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
.compare-product-chip button { .compare-product-chip button {

2
src/app/features/website/user-experience/components/floating-notifications/floating-notifications.component.scss
View File

@@ -24,7 +24,7 @@
.floating-note p { .floating-note p {
margin: 0; margin: 0;
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
line-height: 1.3; line-height: 1.3;
} }

94
src/app/pages/cart/cart.component.scss
View File

@@ -25,7 +25,7 @@
h1 { h1 {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0; margin: 0;
} }
@@ -38,7 +38,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
display: flex; display: flex;
@@ -72,7 +72,7 @@
h1 { h1 {
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #111827; color: #111827;
margin: 0; margin: 0;
background: linear-gradient(135deg, #059669 0%, #10b981 100%); background: linear-gradient(135deg, #059669 0%, #10b981 100%);
@@ -88,7 +88,7 @@
border: none; border: none;
border-radius: var(--radius-md, 12px); border-radius: var(--radius-md, 12px);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: flex; display: flex;
@@ -138,7 +138,7 @@
h2 { h2 {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1.6rem; font-size: 1.6rem;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0 0 12px 0; margin: 0 0 12px 0;
} }
@@ -157,7 +157,7 @@
text-decoration: none; text-decoration: none;
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
transition: all 0.2s; transition: all 0.2s;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
@@ -194,7 +194,7 @@
h2 { h2 {
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #111827; color: #111827;
margin: 0 0 12px 0; margin: 0 0 12px 0;
} }
@@ -211,7 +211,7 @@
color: white; color: white;
text-decoration: none; text-decoration: none;
border-radius: var(--radius-md, 12px); border-radius: var(--radius-md, 12px);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
transition: all 0.3s; transition: all 0.3s;
box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3); box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
@@ -332,7 +332,7 @@
.item-name { .item-name {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: #1e3c38; color: #1e3c38;
text-decoration: none; text-decoration: none;
transition: color 0.2s; transition: color 0.2s;
@@ -378,7 +378,7 @@
background: rgba(73, 118, 113, 0.08); background: rgba(73, 118, 113, 0.08);
padding: 3px 10px; padding: 3px 10px;
border-radius: 6px; border-radius: 6px;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
@@ -461,7 +461,7 @@
.item-name { .item-name {
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #111827; color: #111827;
text-decoration: none; text-decoration: none;
transition: color 0.2s; transition: color 0.2s;
@@ -507,7 +507,7 @@
background: rgba(99, 102, 241, 0.08); background: rgba(99, 102, 241, 0.08);
padding: 3px 10px; padding: 3px 10px;
border-radius: 6px; border-radius: 6px;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
@@ -552,13 +552,13 @@
.current-price { .current-price {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #497671; color: #497671;
} }
.delivery-price { .delivery-price {
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
color: #697777; color: #697777;
} }
} }
@@ -600,7 +600,7 @@
.qty-value { .qty-value {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
min-width: 24px; min-width: 24px;
text-align: center; text-align: center;
@@ -646,7 +646,7 @@
.qty-value { .qty-value {
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #059669; color: #059669;
min-width: 24px; min-width: 24px;
text-align: center; text-align: center;
@@ -692,7 +692,7 @@
.summary-header h3 { .summary-header h3 {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0 0 16px 0; margin: 0 0 16px 0;
} }
@@ -713,7 +713,7 @@
padding-top: 16px; padding-top: 16px;
border-top: 1px solid #d3dad9; border-top: 1px solid #d3dad9;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin-top: 8px; margin-top: 8px;
@@ -740,7 +740,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);
@@ -784,7 +784,7 @@
.login-gate-title { .login-gate-title {
margin: 0 0 4px; margin: 0 0 4px;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1a1a1a; color: #1a1a1a;
} }
@@ -805,7 +805,7 @@
background: #2AABEE; background: #2AABEE;
color: #fff; color: #fff;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
@@ -842,7 +842,7 @@
.summary-header h3 { .summary-header h3 {
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #111827; color: #111827;
margin: 0 0 20px 0; margin: 0 0 20px 0;
background: linear-gradient(135deg, #059669 0%, #10b981 100%); background: linear-gradient(135deg, #059669 0%, #10b981 100%);
@@ -866,7 +866,7 @@
padding-top: 20px; padding-top: 20px;
border-top: 2px solid #f0fdf4; border-top: 2px solid #f0fdf4;
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #111827; color: #111827;
margin-top: 12px; margin-top: 12px;
@@ -878,7 +878,7 @@
} }
.value { .value {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: #111827; color: #111827;
} }
} }
@@ -898,7 +898,7 @@
border: none; border: none;
border-radius: 14px; border-radius: 14px;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3); box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
@@ -950,7 +950,7 @@
.login-gate-title { .login-gate-title {
margin: 0 0 4px; margin: 0 0 4px;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #111827; color: #111827;
} }
@@ -971,7 +971,7 @@
background: #2AABEE; background: #2AABEE;
color: #fff; color: #fff;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -1092,7 +1092,7 @@
a { a {
color: #497671; color: #497671;
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
@@ -1124,7 +1124,7 @@
a { a {
color: #10b981; color: #10b981;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
&:hover { &:hover {
color: #059669; color: #059669;
@@ -1264,7 +1264,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: white; color: white;
margin: 0 auto 20px; margin: 0 auto 20px;
} }
@@ -1281,7 +1281,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
@@ -1399,7 +1399,7 @@
.amount { .amount {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1a1a1a; color: #1a1a1a;
} }
} }
@@ -1430,7 +1430,7 @@
flex: 1; flex: 1;
padding: 12px 16px; padding: 12px 16px;
border-radius: var(--radius-sm, 8px); border-radius: var(--radius-sm, 8px);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -1591,7 +1591,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -1730,7 +1730,7 @@
h1 { h1 {
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
margin: 0; margin: 0;
background: linear-gradient(135deg, #10b981 0%, #14b8a6 50%, #06b6d4 100%); background: linear-gradient(135deg, #10b981 0%, #14b8a6 50%, #06b6d4 100%);
@@ -1749,7 +1749,7 @@
border: none; border: none;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -1792,7 +1792,7 @@
h2 { h2 {
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 0.75rem 0; margin: 0 0 0.75rem 0;
} }
@@ -1811,7 +1811,7 @@
color: white; color: white;
text-decoration: none; text-decoration: none;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -1887,7 +1887,7 @@
.item-name { .item-name {
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
text-decoration: none; text-decoration: none;
margin: 0; margin: 0;
@@ -1945,7 +1945,7 @@
gap: 1rem; gap: 1rem;
.item-price { .item-price {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
.price-discount { .price-discount {
@@ -1957,7 +1957,7 @@
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
color: var(--text-secondary); color: var(--text-secondary);
text-decoration: line-through; text-decoration: line-through;
font-weight: 400; font-weight: var(--font-weight-normal, 400);
} }
.current { .current {
@@ -2012,7 +2012,7 @@
span { span {
min-width: 36px; min-width: 36px;
text-align: center; text-align: center;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -2034,7 +2034,7 @@
h3 { h3 {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 1.25rem 0; margin: 0 0 1.25rem 0;
padding-bottom: 1rem; padding-bottom: 1rem;
@@ -2050,7 +2050,7 @@
color: var(--text-secondary); color: var(--text-secondary);
.value { .value {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
} }
} }
@@ -2062,7 +2062,7 @@
padding: 1.25rem 0; padding: 1.25rem 0;
margin-top: 1rem; margin-top: 1rem;
border-top: 1px solid var(--border-color); border-top: 1px solid var(--border-color);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
span:first-child { span:first-child {
@@ -2087,7 +2087,7 @@
border: none; border: none;
border-radius: var(--radius-md); border-radius: var(--radius-md);
font-size: 1.0625rem; font-size: 1.0625rem;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
@@ -2169,7 +2169,7 @@
a { a {
color: #10b981; color: #10b981;
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {

16
src/app/pages/category/category.component.scss
View File

@@ -40,7 +40,7 @@
h3 { h3 {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0 0 8px 0; margin: 0 0 8px 0;
} }
@@ -62,7 +62,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
text-decoration: none; text-decoration: none;
transition: background 0.2s ease, transform 0.15s ease; transition: background 0.2s ease, transform 0.15s ease;
@@ -83,7 +83,7 @@
cursor: pointer; cursor: pointer;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
transition: all 0.2s ease; transition: all 0.2s ease;
&:hover { &:hover {
@@ -165,7 +165,7 @@
color: white; color: white;
padding: 6px 12px; padding: 6px 12px;
border-radius: 20px; border-radius: 20px;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
z-index: 1; z-index: 1;
@@ -188,7 +188,7 @@
.item-name { .item-name {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: clamp(14px, 1.4vw, 18px); font-size: clamp(14px, 1.4vw, 18px);
color: #1e3c38; color: #1e3c38;
margin: 0; margin: 0;
@@ -212,7 +212,7 @@
.rating-stars { .rating-stars {
color: #ffa502; color: #ffa502;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
} }
@@ -234,7 +234,7 @@
.discounted-price, .discounted-price,
.current-price { .current-price {
font-size: clamp(16px, 1.6vw, 22px); font-size: clamp(16px, 1.6vw, 22px);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #497671; color: #497671;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
} }
@@ -275,7 +275,7 @@
border: none; border: none;
border-radius: 0 0 13px 13px; border-radius: 0 0 13px 13px;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;

22
src/app/pages/category/subcategories.component.scss
View File

@@ -54,7 +54,7 @@
border: none; border: none;
border-radius: var(--radius-sm, 8px); border-radius: var(--radius-sm, 8px);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
@@ -94,7 +94,7 @@
h3 { h3 {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0 0 8px 0; margin: 0 0 8px 0;
} }
@@ -116,7 +116,7 @@
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: "DM Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
text-decoration: none; text-decoration: none;
transition: background 0.2s ease, transform 0.15s ease; transition: background 0.2s ease, transform 0.15s ease;
@@ -135,7 +135,7 @@
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
color: #1e3c38; color: #1e3c38;
margin: 0; margin: 0;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
letter-spacing: -0.02em; letter-spacing: -0.02em;
} }
} }
@@ -198,7 +198,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 5rem; font-size: 5rem;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #497671; color: #497671;
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%); background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
@@ -221,7 +221,7 @@
.category-name { .category-name {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: clamp(14px, 1.4vw, 18px); font-size: clamp(14px, 1.4vw, 18px);
color: #1e3c38; color: #1e3c38;
margin: 0; margin: 0;
@@ -276,7 +276,7 @@
.items-section-title { .items-section-title {
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0 0 20px 0; margin: 0 0 20px 0;
} }
@@ -328,7 +328,7 @@
background: #dc2626; background: #dc2626;
color: white; color: white;
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
padding: 2px 8px; padding: 2px 8px;
border-radius: 6px; border-radius: 6px;
} }
@@ -344,7 +344,7 @@
.item-badge { .item-badge {
font-size: 0.65rem; font-size: 0.65rem;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
padding: 2px 6px; padding: 2px 6px;
border-radius: var(--radius-xs, 4px); border-radius: var(--radius-xs, 4px);
text-transform: uppercase; text-transform: uppercase;
@@ -361,7 +361,7 @@
.item-name { .item-name {
font-family: "DM Sans", sans-serif; font-family: "DM Sans", sans-serif;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: #1e3c38; color: #1e3c38;
margin: 0; margin: 0;
line-height: 1.3; line-height: 1.3;
@@ -386,7 +386,7 @@
.current-price { .current-price {
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
} }
} }

2
src/app/pages/info/contacts/contacts.component.scss
View File

@@ -34,7 +34,7 @@
a { a {
color: var(--text-primary); color: var(--text-primary);
text-decoration: none; text-decoration: none;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
&:hover { &:hover {
color: var(--primary-color); color: var(--primary-color);

74
src/app/pages/item-detail/item-detail.component.scss
View File

@@ -48,7 +48,7 @@ $dx-card-bg: #f5f3f9;
color: white; color: white;
text-decoration: none; text-decoration: none;
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
transition: all 0.2s; transition: all 0.2s;
&:hover { &:hover {
@@ -187,7 +187,7 @@ $dx-card-bg: #f5f3f9;
.dx-title { .dx-title {
font-family: $dx-font; font-family: $dx-font;
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: $dx-dark; color: $dx-dark;
margin: 0; margin: 0;
line-height: 1.3; line-height: 1.3;
@@ -209,7 +209,7 @@ $dx-card-bg: #f5f3f9;
} }
.dx-rating-value { .dx-rating-value {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
color: $dx-dark; color: $dx-dark;
} }
@@ -242,7 +242,7 @@ $dx-card-bg: #f5f3f9;
color: white; color: white;
padding: 3px 10px; padding: 3px 10px;
border-radius: 20px; border-radius: 20px;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
} }
@@ -270,7 +270,7 @@ $dx-card-bg: #f5f3f9;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
&.high { color: #2ed573; } &.high { color: #2ed573; }
&.medium { color: #ffa502; } &.medium { color: #ffa502; }
@@ -294,7 +294,7 @@ $dx-card-bg: #f5f3f9;
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: $dx-font; font-family: $dx-font;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
display: flex; display: flex;
@@ -331,7 +331,7 @@ $dx-card-bg: #f5f3f9;
.variant-label { .variant-label {
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
color: #6b7280; color: #6b7280;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
} }
.variant-chip { .variant-chip {
@@ -340,7 +340,7 @@ $dx-card-bg: #f5f3f9;
padding: 6px 14px; padding: 6px 14px;
border-radius: var(--radius-sm, 8px); border-radius: var(--radius-sm, 8px);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
border: 1.5px solid $dx-border; border: 1.5px solid $dx-border;
background: rgba(73, 118, 113, 0.06); background: rgba(73, 118, 113, 0.06);
color: $dx-primary; color: $dx-primary;
@@ -399,7 +399,7 @@ $dx-card-bg: #f5f3f9;
} }
.attribute-value { .attribute-value {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: #1a1a1a; color: #1a1a1a;
} }
} }
@@ -417,7 +417,7 @@ $dx-card-bg: #f5f3f9;
.dx-delivery-title, .alt-delivery-title { .dx-delivery-title, .alt-delivery-title {
margin: 0; margin: 0;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: $dx-dark; color: $dx-dark;
} }
@@ -447,7 +447,7 @@ $dx-card-bg: #f5f3f9;
.dx-delivery-price, .alt-delivery-price { .dx-delivery-price, .alt-delivery-price {
flex-shrink: 0; flex-shrink: 0;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: $dx-primary; color: $dx-primary;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
} }
@@ -460,7 +460,7 @@ $dx-card-bg: #f5f3f9;
background: rgba(73, 118, 113, 0.12); background: rgba(73, 118, 113, 0.12);
color: $dx-primary; color: $dx-primary;
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
.dx-description { .dx-description {
@@ -470,7 +470,7 @@ $dx-card-bg: #f5f3f9;
h2 { h2 {
font-family: $dx-font; font-family: $dx-font;
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: $dx-dark; color: $dx-dark;
margin: 0 0 12px 0; margin: 0 0 12px 0;
} }
@@ -489,7 +489,7 @@ $dx-card-bg: #f5f3f9;
h2 { h2 {
font-family: $dx-font; font-family: $dx-font;
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: $dx-dark; color: $dx-dark;
margin: 0 0 24px 0; margin: 0 0 24px 0;
} }
@@ -507,7 +507,7 @@ $dx-card-bg: #f5f3f9;
margin: 0 0 20px 0; margin: 0 0 20px 0;
color: $dx-dark; color: $dx-dark;
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
} }
} }
@@ -518,7 +518,7 @@ $dx-card-bg: #f5f3f9;
display: block; display: block;
margin-bottom: 8px; margin-bottom: 8px;
color: $dx-dark; color: $dx-dark;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
} }
} }
@@ -595,7 +595,7 @@ $dx-card-bg: #f5f3f9;
padding: 12px 28px; padding: 12px 28px;
border-radius: var(--radius-lg, 13px); border-radius: var(--radius-lg, 13px);
font-family: $dx-font; font-family: $dx-font;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
@@ -637,7 +637,7 @@ $dx-card-bg: #f5f3f9;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
animation: dxSlideIn 0.3s ease-out; animation: dxSlideIn 0.3s ease-out;
@@ -692,7 +692,7 @@ $dx-card-bg: #f5f3f9;
} }
.dx-reviewer-name { .dx-reviewer-name {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: $dx-dark; color: $dx-dark;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
} }
@@ -728,7 +728,7 @@ $dx-card-bg: #f5f3f9;
h2 { h2 {
font-family: $dx-font; font-family: $dx-font;
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: $dx-dark; color: $dx-dark;
margin: 0 0 24px 0; margin: 0 0 24px 0;
} }
@@ -765,7 +765,7 @@ $dx-card-bg: #f5f3f9;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
&.q { &.q {
@@ -1134,7 +1134,7 @@ $dx-card-bg: #f5f3f9;
color: white; color: white;
text-decoration: none; text-decoration: none;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
transition: all 0.3s; transition: all 0.3s;
&:hover { &:hover {
@@ -1242,7 +1242,7 @@ $dx-card-bg: #f5f3f9;
.alt-info { .alt-info {
.alt-title { .alt-title {
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
line-height: 1.3; line-height: 1.3;
@@ -1260,7 +1260,7 @@ $dx-card-bg: #f5f3f9;
} }
.value { .value {
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -1294,7 +1294,7 @@ $dx-card-bg: #f5f3f9;
color: white; color: white;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
border-radius: var(--radius-md); border-radius: var(--radius-md);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
font-size: var(--font-size-sm, 0.8125rem); font-size: var(--font-size-sm, 0.8125rem);
} }
@@ -1317,7 +1317,7 @@ $dx-card-bg: #f5f3f9;
border-radius: var(--radius-md); border-radius: var(--radius-md);
.stock-label { .stock-label {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-secondary); color: var(--text-secondary);
} }
@@ -1325,7 +1325,7 @@ $dx-card-bg: #f5f3f9;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 0.5rem;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
.dot { .dot {
width: 10px; width: 10px;
@@ -1359,7 +1359,7 @@ $dx-card-bg: #f5f3f9;
border: none; border: none;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
font-size: var(--font-size-xl, 1.125rem); font-size: var(--font-size-xl, 1.125rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -1382,7 +1382,7 @@ $dx-card-bg: #f5f3f9;
.alt-description { .alt-description {
h3 { h3 {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 1rem 0; margin: 0 0 1rem 0;
} }
@@ -1403,7 +1403,7 @@ $dx-card-bg: #f5f3f9;
h2 { h2 {
font-size: var(--font-size-4xl, 2rem); font-size: var(--font-size-4xl, 2rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 2rem 0; margin: 0 0 2rem 0;
} }
@@ -1439,7 +1439,7 @@ $dx-card-bg: #f5f3f9;
gap: 0.25rem; gap: 0.25rem;
.reviewer-name { .reviewer-name {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
color: var(--text-primary); color: var(--text-primary);
} }
@@ -1485,7 +1485,7 @@ $dx-card-bg: #f5f3f9;
h3 { h3 {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--text-primary); color: var(--text-primary);
margin: 0 0 1.5rem 0; margin: 0 0 1.5rem 0;
} }
@@ -1496,7 +1496,7 @@ $dx-card-bg: #f5f3f9;
label { label {
display: block; display: block;
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
@@ -1592,7 +1592,7 @@ $dx-card-bg: #f5f3f9;
border: none; border: none;
border-radius: var(--radius-md); border-radius: var(--radius-md);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
@@ -1635,7 +1635,7 @@ $dx-card-bg: #f5f3f9;
margin-top: 1rem; margin-top: 1rem;
border-radius: var(--radius-md); border-radius: var(--radius-md);
font-size: var(--font-size-md, 0.9375rem); font-size: var(--font-size-md, 0.9375rem);
font-weight: 500; font-weight: var(--font-weight-medium, 500);
animation: slideDown 0.3s ease; animation: slideDown 0.3s ease;
svg { svg {
@@ -1940,7 +1940,7 @@ $dx-card-bg: #f5f3f9;
padding: 3px 10px; padding: 3px 10px;
border-radius: var(--radius-xs, 4px); border-radius: var(--radius-xs, 4px);
font-size: var(--font-size-xs, 0.75rem); font-size: var(--font-size-xs, 0.75rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
color: #fff; color: #fff;
@@ -1992,7 +1992,7 @@ $dx-card-bg: #f5f3f9;
.spec-key { .spec-key {
color: #697777; color: #697777;
font-weight: 500; font-weight: var(--font-weight-medium, 500);
width: 40%; width: 40%;
white-space: nowrap; white-space: nowrap;
} }

8
src/app/pages/legal/company-details/company-details.component.scss
View File

@@ -15,14 +15,14 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
.req-label { .req-label {
font-weight: 500; font-weight: var(--font-weight-medium, 500);
color: var(--text-secondary); color: var(--text-secondary);
} }
.req-value { .req-value {
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
} }
} }
@@ -45,7 +45,7 @@
} }
.org-name { .org-name {
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
color: var(--text-primary); color: var(--text-primary);
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
@@ -73,7 +73,7 @@
strong { strong {
color: var(--text-primary); color: var(--text-primary);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
span { span {

10
src/app/pages/search/search.component.scss
View File

@@ -109,7 +109,7 @@
h2 { h2 {
font-size: var(--font-size-2xl, 1.25rem); font-size: var(--font-size-2xl, 1.25rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: #1e3c38; color: #1e3c38;
margin: 0 0 8px 0; margin: 0 0 8px 0;
} }
@@ -219,7 +219,7 @@
color: white; color: white;
padding: 6px 12px; padding: 6px 12px;
border-radius: 20px; border-radius: 20px;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-size: var(--font-size-base, 0.875rem); font-size: var(--font-size-base, 0.875rem);
} }
@@ -251,7 +251,7 @@
.rating-stars { .rating-stars {
color: #497671; color: #497671;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
} }
@@ -272,7 +272,7 @@
.discounted-price, .discounted-price,
.current-price { .current-price {
font-size: var(--font-size-3xl, 1.5rem); font-size: var(--font-size-3xl, 1.5rem);
font-weight: 700; font-weight: var(--font-weight-bold, 700);
color: var(--primary-color); color: var(--primary-color);
} }
@@ -312,7 +312,7 @@
border: none; border: none;
border-radius: 0 0 13px 13px; border-radius: 0 0 13px 13px;
font-size: var(--font-size-lg, 1rem); font-size: var(--font-size-lg, 1rem);
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
cursor: pointer; cursor: pointer;
transition: background 0.2s; transition: background 0.2s;

4
src/app/shared/ui/code-editor/code-editor.component.scss
View File

@@ -66,7 +66,7 @@
:global(.cm-selector) { :global(.cm-selector) {
color: #b2452f; color: #b2452f;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
:global(.cm-property) { :global(.cm-property) {
@@ -79,7 +79,7 @@
:global(.cm-keyword) { :global(.cm-keyword) {
color: #6d3fa8; color: #6d3fa8;
font-weight: 600; font-weight: var(--font-weight-semibold, 600);
} }
:global(.cm-punct) { :global(.cm-punct) {