/* Phase 49: refined typography, visual hierarchy and modern UI polish */
:root{
  --sk-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --sk-text-strong:#16342e;
  --sk-text:#2d4842;
  --sk-text-muted:#6f817c;
  --sk-surface:#ffffff;
  --sk-surface-soft:#f7fbf9;
  --sk-border:#e4eeea;
  --sk-radius-sm:10px;
  --sk-radius:16px;
  --sk-radius-lg:22px;
  --sk-shadow-soft:0 10px 26px rgba(16,52,46,.07);
  --sk-shadow-card:0 6px 18px rgba(16,52,46,.06);
}
html{font-size:16px;-webkit-text-size-adjust:100%;}
body{font-family:var(--sk-font-family);color:var(--sk-text);line-height:1.55;font-weight:400;letter-spacing:-.005em;}
h1,.h1,.page-title,.page-hero h1,.admin-content h1{font-size:clamp(1.55rem,2.2vw,2.15rem);font-weight:550;line-height:1.18;letter-spacing:-.03em;color:var(--sk-text-strong);margin:0 0 .75rem;}
h2,.h2,.section-title,.sk48-widget h2,.admin-content h2{font-size:clamp(1.2rem,1.55vw,1.55rem);font-weight:540;line-height:1.25;letter-spacing:-.02em;color:var(--sk-text-strong);margin:1.1rem 0 .65rem;}
h3,.h3,.card-title,.admin-content h3{font-size:clamp(1.02rem,1.15vw,1.22rem);font-weight:520;line-height:1.3;color:var(--sk-text-strong);margin:.8rem 0 .45rem;}
h4,h5,h6{font-weight:520;color:var(--sk-text-strong);line-height:1.35;margin:.7rem 0 .4rem;}
p,.form-text,.help-text,.muted,small{color:var(--sk-text-muted);line-height:1.6;}
strong,b{font-weight:560;}
label,.form-label,.admin-content label{font-weight:520;color:var(--sk-text-strong);font-size:.92rem;}
button,.btn,.sk48-btn,.admin-content .btn,.site-header a,.sk-cx-mainnav a,.nav-link{font-weight:520;letter-spacing:-.01em;}
.site-header,.sk-cx-header,.admin-topbar{box-shadow:0 8px 24px rgba(16,52,46,.06);}
.card,.panel,.box,.widget,.sk48-widget,.dashboard-card,.analytics-card,.admin-card,.receipt-box,.report-box,.menu-card,.dish-card,.product-card{
  border-radius:var(--sk-radius);
  border:1px solid var(--sk-border);
  background:var(--sk-surface);
  box-shadow:var(--sk-shadow-card);
}
.page-hero,.admin-content .page-header,.hero-card{
  border-radius:var(--sk-radius-lg);
  background:linear-gradient(135deg,#ffffff,#f4fbf8);
  border:1px solid var(--sk-border);
  box-shadow:var(--sk-shadow-soft);
  padding:clamp(18px,2.5vw,28px);
  margin-bottom:18px;
}
.admin-content,.main-content,.container{line-height:1.55;}
.admin-content table{font-size:.94rem;line-height:1.45;}
.admin-content th{font-weight:550;color:var(--sk-text-strong);background:#f5faf8;}
.admin-content td{color:var(--sk-text);}
input,select,textarea{border-radius:12px!important;border:1px solid var(--sk-border)!important;font:inherit;min-height:42px;}
button,.btn,.sk48-btn,.action-btn{border-radius:12px!important;min-height:40px;padding:.62rem .95rem;}
.admin-nav .nav-label{font-size:.72rem;font-weight:560;letter-spacing:.08em;text-transform:uppercase;color:#7f918c;}
.admin-nav .nav-link{font-size:.92rem;font-weight:500;border-radius:12px;margin:2px 8px;}
.sk-cx-logo span,.logo{font-weight:560!important;letter-spacing:-.025em;}
.sk-cx-mainnav a{font-size:.95rem;}
.dish-card img,.product-card img,.menu-card img,.food-card img,.dish-image img{object-fit:contain!important;background:#f7fbf9;}
.badge,.status-badge,.sold-out-badge{font-weight:540;border-radius:999px;}
@media (max-width:768px){
  html{font-size:15.5px;}
  h1,.page-title,.page-hero h1,.admin-content h1{font-size:1.42rem;}
  h2,.section-title,.admin-content h2{font-size:1.15rem;}
  h3,.card-title,.admin-content h3{font-size:1rem;}
  .page-hero,.admin-content .page-header,.hero-card{padding:16px;margin-bottom:14px;}
  button,.btn,.sk48-btn,.action-btn{min-height:44px;}
  .card,.panel,.box,.widget,.sk48-widget,.dashboard-card,.analytics-card,.admin-card{border-radius:14px;}
}
@media print{
  body{font-size:12px;color:#111;line-height:1.35;}
  h1{font-size:20px} h2{font-size:16px} h3{font-size:14px}
  .card,.panel,.box,.widget,.sk48-widget{box-shadow:none;border-color:#ddd;}
}