SEO stuff2

assets/views/base.html

@@ -77,7 +77,7 @@
          sitemap links on the right. Non-sticky — it scrolls away above the
          sticky header. -->
     <div class="hidden border-b border-outline bg-surface text-xs sm:block dark:border-outline-dark dark:bg-surface-dark">
-      <div class="mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-2 text-on-surface/70 dark:text-on-surface-dark/70">
+      <div class="mx-auto flex max-w-7xl items-center justify-between gap-4 px-4 py-2 text-on-surface dark:text-on-surface-dark">
         <div class="flex items-center gap-5">
           <a href="/" data-nav="/" class="transition hover:text-primary aria-[current=page]:font-semibold aria-[current=page]:text-primary dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-home", lang=lang | default(value='sk')) }}</a>
           <a href="/shop" data-nav="/shop" class="transition hover:text-primary aria-[current=page]:font-semibold aria-[current=page]:text-primary dark:hover:text-primary-dark dark:aria-[current=page]:text-primary-dark">{{ t(key="nav-shop", lang=lang | default(value='sk')) }}</a>
@@ -148,7 +148,7 @@
           <a href="/login" data-nav="/login" aria-label="{{ t(key='nav-login', lang=lang | default(value='sk')) }}" class="inline-flex items-center gap-2.5 rounded-radius px-2.5 py-1.5 text-on-surface transition hover:bg-surface-alt dark:text-on-surface-dark dark:hover:bg-surface-dark-alt">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="size-5 shrink-0" aria-hidden="true"><circle cx="12" cy="8" r="4"></circle><path d="M5 20a7 7 0 0 1 14 0"></path></svg>
             <span class="hidden flex-col items-start leading-tight sm:flex">
-              <span class="text-[11px] text-on-surface/50 dark:text-on-surface-dark/50">{{ t(key="welcome", lang=lang | default(value='sk')) }}</span>
+              <span class="text-[11px] text-on-surface dark:text-on-surface-dark">{{ t(key="welcome", lang=lang | default(value='sk')) }}</span>
               <span class="text-sm font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="nav-login", lang=lang | default(value='sk')) }}</span>
             </span>
           </a>
@@ -177,7 +177,7 @@
                   class="absolute -right-2 -top-2 inline-flex min-w-[18px] items-center justify-center rounded-full bg-danger px-1 text-[10px] font-bold leading-[18px] text-on-danger ring-2 ring-surface-alt dark:ring-surface-dark-alt"></span>
               </span>
               <span class="hidden flex-col items-start leading-tight sm:flex">
-                <span class="text-[11px] text-on-surface/50 dark:text-on-surface-dark/50">{{ t(key="cart-title", lang=lang | default(value='sk')) }}</span>
+                <span class="text-[11px] text-on-surface dark:text-on-surface-dark">{{ t(key="cart-title", lang=lang | default(value='sk')) }}</span>
                 <span class="text-sm font-bold text-on-surface-strong dark:text-on-surface-dark-strong"><span x-text="count">0</span> {{ t(key="cart-units", lang=lang | default(value='sk')) }}</span>
               </span>
             </a>

assets/views/shop/_sidebar.html

@@ -12,7 +12,7 @@
    row keeps our link + toggle split (categories are navigable, not just
    expandable), and we use x-show/x-transition instead of upstream's x-collapse
    (that Alpine plugin isn't bundled in our build). #}
-<p class="px-2 pb-2 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
+<p class="px-2 pb-2 text-xs font-semibold uppercase tracking-wide text-on-surface dark:text-on-surface-dark">
   {{ t(key="categories", lang=lang | default(value='sk')) }}
 </p>
 <div class="flex flex-col gap-1">
@@ -70,7 +70,7 @@
    tree, separated by a divider. Targets are placeholders (#) until real pages
    exist; labels reuse the footer-* i18n keys. #}
 <div class="mt-4 border-t border-outline pt-3 dark:border-outline-dark">
-  <p class="px-2 pb-2 text-xs font-semibold uppercase tracking-wide text-on-surface/60 dark:text-on-surface-dark/60">
+  <p class="px-2 pb-2 text-xs font-semibold uppercase tracking-wide text-on-surface dark:text-on-surface-dark">
     {{ t(key="footer-info", lang=lang | default(value='sk')) }}
   </p>
   {% set L = lang | default(value='sk') %}