/* BLC typography system — semantic scale shared by every product surface. */
@font-face{
  font-family:'Heebo';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/heebo-hebrew.woff2') format('woff2');
  unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Heebo';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('/assets/fonts/heebo-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --type-2xs:10px;
  --type-xs:11px;
  --type-sm:12px;
  --type-md:13px;
  --type-base:14px;
  --type-lg:16px;
  --type-xl:18px;
  --type-2xl:20px;
  --type-3xl:24px;
  --type-page:28px;
  --type-metric:28px;
  --type-display:clamp(48px,5vw,72px);
  --type-section:clamp(34px,3.4vw,50px);
  --leading-tight:1.2;
  --leading-ui:1.4;
  --leading-body:1.55;
  --leading-relaxed:1.7;
}

/* Product baseline */
html{font-size:16px}
body,
.app-shell,
.landing-shell{
  font-size:var(--type-base)!important;
  line-height:var(--leading-body)!important;
}
button,
input,
select,
textarea,
option{
  font-size:var(--type-md)!important;
  line-height:var(--leading-ui)!important;
}

/* Application navigation and shell */
.sidebar .nav-item{font-size:var(--type-base)!important;line-height:var(--leading-ui)!important}
.sidebar .nav-item span{font-size:inherit!important;line-height:inherit!important}
.sidebar-support-card strong,
.sidebar-foot strong{font-size:var(--type-md)!important}
.sidebar-support-card span,
.sidebar-foot small{font-size:var(--type-xs)!important;line-height:var(--leading-body)!important}
.sidebar-version,
.plan-pill{font-size:var(--type-2xs)!important}
.topbar-home h1,
.topbar h1{font-size:var(--type-2xl)!important;line-height:var(--leading-tight)!important}
.topbar-breadcrumb{font-size:var(--type-xs)!important;line-height:var(--leading-ui)!important}
.topbar-profile-text strong{font-size:var(--type-sm)!important}
.topbar-profile-text small{font-size:var(--type-2xs)!important}
.topbar .notification-count{font-size:var(--type-2xs)!important}

/* Page hierarchy */
.page-title h2,
.dashboard-head h2,
.workspace-header h2{
  font-size:var(--type-page)!important;
  line-height:var(--leading-tight)!important;
}
.page-title p,
.dashboard-head p,
.workspace-header p{
  font-size:var(--type-base)!important;
  line-height:var(--leading-body)!important;
}
.eyebrow{font-size:var(--type-xs)!important;line-height:var(--leading-ui)!important}

/* Shared cards and sections */
.panel h3,
.form-card h3,
.result-card h3,
.data-card h3,
.inventory-card h3,
.stock-card h3,
.dashboard-section-head h3,
.dashboard-activity-head h3,
.settings-card-head h3,
.settings-quick-panel h3,
.settings-help-card h3,
.empty-state h3{
  font-size:var(--type-lg)!important;
  line-height:var(--leading-tight)!important;
}
.panel p,
.data-card p,
.data-card small,
.inventory-card p,
.stock-card p,
.empty-state p{
  font-size:var(--type-sm)!important;
  line-height:var(--leading-body)!important;
}

/* Forms and actions */
label,
#settings .settings-fields-grid label,
#settings .settings-select-list label{
  font-size:var(--type-sm)!important;
  line-height:var(--leading-ui)!important;
}
.primary,
.secondary,
.ghost-light,
.whatsapp,
.link-btn,
.quick-action,
.settings-primary-btn,
.settings-outline-btn,
.settings-help-card button,
.inventory-tabs button,
.auth-tabs button{
  font-size:var(--type-md)!important;
  line-height:var(--leading-ui)!important;
}
.status,
.event-item em,
.activity-status,
.badge,
.chip{
  font-size:var(--type-xs)!important;
  line-height:var(--leading-ui)!important;
}

/* Metrics, lists and tables */
.stat span,
.dashboard-stats .stat>span,
.inventory-summary span,
.price-row span,
.result-price span{
  font-size:var(--type-sm)!important;
  line-height:var(--leading-ui)!important;
}
.stat strong,
.dashboard-stats .stat>strong,
.inventory-summary strong{
  font-size:var(--type-metric)!important;
  line-height:1.1!important;
}
.stat small,
.dashboard-stats .stat>small{
  font-size:var(--type-xs)!important;
  line-height:var(--leading-ui)!important;
}
.price-row strong,
.result-price strong{font-size:var(--type-2xl)!important;line-height:var(--leading-tight)!important}
.featured strong{font-size:32px!important;line-height:1.1!important}
.data-card h3,
.event-item div strong,
.stock-head h3{font-size:var(--type-lg)!important}
.event-item div span,
.stock-card footer,
.compact-row span{font-size:var(--type-sm)!important;line-height:var(--leading-ui)!important}
table,
td,
.dashboard-activity-table{font-size:var(--type-sm)!important;line-height:var(--leading-ui)!important}
th,
.dashboard-activity-table th{font-size:var(--type-xs)!important;line-height:var(--leading-ui)!important}

/* Dashboard-specific roles */
#dashboard .dashboard-head #dashboardPageTitle{font-size:0!important}
#dashboard .dashboard-head #dashboardPageTitle::before{font-size:var(--type-2xl)!important;line-height:var(--leading-tight)!important}
#dashboard .panel-head h3,
#dashboard .dashboard-section-head h3,
#dashboard .dashboard-activity-head h3{font-size:var(--type-lg)!important}
#dashboard .attention-card strong{font-size:15px!important;line-height:var(--leading-tight)!important}
#dashboard .attention-card b{font-size:var(--type-md)!important}
#dashboard .attention-card small{font-size:var(--type-xs)!important;line-height:var(--leading-ui)!important}
#dashboard .dashboard-action-grid .quick-action span{font-size:var(--type-sm)!important}
#dashboard .dashboard-action-grid .quick-action small{font-size:var(--type-2xs)!important}
#dashboard .finance-hero>strong{font-size:30px!important;line-height:1.1!important}
#dashboard .finance-hero>span,
#dashboard .finance-legend strong{font-size:var(--type-sm)!important}
#dashboard .finance-hero>small,
#dashboard .finance-legend span{font-size:var(--type-xs)!important}

/* Settings-specific roles */
#settings .settings-card-head p,
#settings .settings-quick-nav small,
#settings .settings-toggle-row small,
#settings .settings-member-row small{
  font-size:var(--type-xs)!important;
  line-height:var(--leading-ui)!important;
}
#settings .settings-quick-nav strong,
#settings .settings-toggle-row strong,
#settings .settings-member-row strong,
#settings .settings-payment-note span{
  font-size:var(--type-sm)!important;
  line-height:var(--leading-ui)!important;
}
#settings .settings-payment-note strong,
#settings .settings-logo-column>strong{font-size:var(--type-xs)!important}
#settings .settings-logo-word{font-size:30px!important;line-height:1!important}
#settings .settings-primary-btn,
#settings .settings-outline-btn{font-size:var(--type-sm)!important}

/* Dialogs, notifications and command surfaces */
.modal-head h3,
.auth-card h2,
.notification-center h3,
.command-panel h3{font-size:var(--type-2xl)!important;line-height:var(--leading-tight)!important}
.modal-card p,
.auth-card p,
.notification-item,
.command-item{font-size:var(--type-md)!important;line-height:var(--leading-body)!important}
.toast{font-size:var(--type-md)!important;line-height:var(--leading-ui)!important}

/* Landing page hierarchy */
.landing-nav a,
.landing-login,
.landing-cta,
.landing-secondary{font-size:var(--type-base)!important;line-height:var(--leading-ui)!important}
.hero-badge,
.section-heading>span,
.audience-card>div>span{font-size:var(--type-md)!important;line-height:var(--leading-ui)!important}
.hero-copy h1{font-size:var(--type-display)!important;line-height:1!important}
.hero-copy p{font-size:var(--type-xl)!important;line-height:var(--leading-relaxed)!important}
.hero-proof{font-size:var(--type-base)!important}
.section-heading h2,
.audience-card h2,
.final-cta h2{font-size:var(--type-section)!important;line-height:1.1!important}
.section-heading p,
.audience-card p,
.final-cta p{font-size:var(--type-lg)!important;line-height:var(--leading-relaxed)!important}
.feature-grid h3,
.workflow-grid h3{font-size:var(--type-2xl)!important;line-height:var(--leading-tight)!important}
.feature-grid p,
.workflow-grid p{font-size:var(--type-base)!important;line-height:var(--leading-body)!important}
.landing-footer{font-size:var(--type-md)!important;line-height:var(--leading-ui)!important}

@media(max-width:700px){
  :root{
    --type-page:24px;
    --type-metric:24px;
    --type-display:clamp(36px,10vw,44px);
    --type-section:clamp(30px,8vw,38px);
  }
  .sidebar .nav-item{font-size:var(--type-2xs)!important}
  .sidebar .nav-item span{font-size:var(--type-2xs)!important}
  .topbar-home h1,
  .topbar h1{font-size:var(--type-xl)!important}
  .page-title p,
  .dashboard-head p,
  .workspace-header p{font-size:var(--type-md)!important}
  .hero-copy p{font-size:var(--type-lg)!important}
  .feature-grid h3,
  .workflow-grid h3{font-size:var(--type-xl)!important}
}