/* Auto-generated by ThemeService from Appearance settings. Do not edit.
   Loaded after the token files, so these values win. */
:root {
    /* --- Front-end tokens ------------------------------------ */
    --c-accent:        #ff571f;
    --c-accent-strong: #c74418;
    --c-on-accent:     #ffffff;
    --c-accent-soft:   rgba(255, 87, 31, 0.08);
    --c-accent-line:   rgba(255, 87, 31, 0.24);
    --c-accent-invert: #ffffff;

    --c-bg:      #ffffff;
    --c-bg-alt:  #f4f5f7;
    --c-text:    #0a0a0a;
    --c-heading: #000000;

    --ff-base:    Poppins, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --ff-heading: Poppins, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* --- Admin panel aliases (admin.css reads these) ---------- */
    --color-accent:      #ff571f;
    --color-accent-dark: #c74418;
    --color-on-accent:   #ffffff;
    --color-accent-soft: rgba(255, 87, 31, 0.08);
    --color-body-bg:     #ffffff;
    --color-text:        #0a0a0a;
    --color-heading:     #000000;
    --color-secondary:   #f4f5f7;
    --font-heading: Poppins, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-body:    Poppins, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Logo sizing is a setting too, so it belongs here rather than in the theme. */
.brand__logo,
.admin-sidebar .logo img { height: 48px; width: auto; }
@media (max-width: 1024px) { .brand__logo { height: 40px; } }
@media (max-width: 640px)  { .brand__logo { height: 36px; } }