/* /Layout/MainLayout.razor.rz.scp.css */
/* Layout styling lives in tokens.css and inline styles ported from shell.jsx.
   This file is intentionally left empty. */
/* /Shared/Logo.razor.rz.scp.css */
/*
   Live-recolour the ninja-mask eyes with the current theme accent.

   The SVG ships with inline fill="#10b981" on every path inside
   <g class="fn-logo-eyes"> (originally id="logo-eyes" — Logo.razor promotes
   it to a class so multi-instance pages don't get duplicate ids).

   SVG presentation attributes (fill, stroke, ...) sit at the BOTTOM of the
   cascade, so any matching CSS rule wins. We override every shape inside the
   eyes group regardless of whether it's a <path>, <polygon>, or <ellipse>.

   ::deep is required because the SVG content is injected via MarkupString and
   does NOT receive Blazor's per-component scoping attribute. ::deep instructs
   the scoped-CSS preprocessor to drop the scope-requirement on descendants.
*/

.fn-logo[b-2uslxli6i4]  .fn-logo-eyes path,
.fn-logo[b-2uslxli6i4]  .fn-logo-eyes polygon,
.fn-logo[b-2uslxli6i4]  .fn-logo-eyes ellipse,
.fn-logo[b-2uslxli6i4]  .fn-logo-eyes circle,
.fn-logo[b-2uslxli6i4]  .fn-logo-eyes {
    fill: var(--accent);
}